@charset "UTF-8";body{background-color:var(--background-color);color:var(--color);overscroll-behavior:none;margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .primary-button{background-color:var(--primary-button-background);color:var(--color);padding:12px 24px;border:none;border-radius:4px;cursor:pointer}body .primary-button:hover{background-color:#4ad0b8}body .secondary-button{background-color:var(--secondary-button-background);color:var(--color);padding:12px 24px;border:none;border-radius:4px;cursor:pointer}body .secondary-button:hover{background-color:#00000080}body .textInput{margin-top:10px;padding:10px;background-color:transparent;color:var(--color);outline:none;border:1px solid var(--soft-color);border-radius:3px}body .textInputLabel{margin-top:20px;font-size:14px}.chartBox{display:flex;height:100%;justify-content:space-between}.chartBox .boxInfo{display:flex;flex:3;flex-direction:column;justify-content:space-between}.chartBox .boxInfo .title{display:flex;align-items:center;gap:10px}.chartBox .chartInfo{display:flex;flex-direction:column;flex:2}.chartBox .chartInfo .chart{height:100%;width:100%}.chartBox .chartInfo .chart .nograph{display:none}.chartBox .chartInfo .texts{display:flex;flex-direction:column;text-align:right}.chartBox .chartInfo .texts .percentage{font-weight:700;font-size:20px}.chartBox .chartInfo .texts .duration{font-size:14px}.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}.home .box{padding:20px;border-radius:10px;border:2px solid var(--background-color-soft);background-color:var(--background-color-soft)}.home .box4{grid-column:span 1;grid-row:span 2}.home .box8{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.home .box8{display:none}}.home .box9{grid-column:span 2;grid-row:span 1}@media screen and (max-width: 768px){.home .box9{display:none;grid-template-columns:repeat(1,1fr)}}.home .box10,.home .box11{grid-column:span 1;grid-row:span 1}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.revenue{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.revenue .progress{width:40%;height:40%}.revenue .summary .title{font-weight:500;color:gray;text-align:center}.revenue .summary .amount{font-size:30px;text-align:center;margin:20px}.revenue .summary .desc{font-weight:300;font-size:12px;color:gray;text-align:center}.revenue .summary .detail{width:100%;display:flex;padding:10px;gap:15px}@media screen and (max-width: 768px){.revenue .summary .detail{flex-direction:column}}.revenue .summary .revenueBottom{margin-top:20px;display:flex;justify-content:space-between}.revenue .summary .revenueBottom .link{display:flex;flex-direction:column;justify-content:end}.revenue .summary .revenueBottom .texts{display:flex;flex-direction:column;text-align:right}.revenue .summary .revenueBottom .texts .percentage{font-weight:700;font-size:20px}.revenue .summary .revenueBottom .texts .duration{font-size:14px}.revenueDetail .item{display:flex;flex-direction:column;justify-content:right}.revenueDetail .item .itemTitle{font-size:14px;color:gray}.revenueDetail .item .itemResult{display:flex;align-items:center;margin-top:10px;font-size:14px}.revenueDetail .item .itemResult.positive{color:#37bb9a}.revenueDetail .item .itemResult.negative{color:red}.BarChartBox{width:100%;height:100%}.BarChartBox h1{font-size:20px;margin-bottom:20px}.pieChartBox{height:100%;display:flex;flex-direction:column;justify-content:space-between}.pieChartBox h1{font-size:20px}.pieChartBox .chart{display:flex;align-items:center;justify-content:center;width:30%;height:30%}.pieChartBox .options{display:flex;justify-content:space-between;gap:10px;font-size:14px}@media screen and (max-width: 768px){.pieChartBox .options{flex-direction:column}}.pieChartBox .options .option{display:flex;flex-direction:column;gap:10px;align-items:center}.pieChartBox .options .option .title{display:flex;gap:10px;align-items:center}.pieChartBox .options .option .title .dot{width:10px;height:10px;border-radius:50%}.multiLineChartBox{width:100%;height:100%}.multiLineChartBox h1{font-size:20px;margin-bottom:20px}.multiLineChartBox .chart{color:#fff;width:100%;height:350px}.users{width:100%;height:100%;min-width:1024}.users .info{display:flex;align-items:center;gap:20px;margin-bottom:20px;justify-content:space-between}.users .info .info-left{display:flex;align-items:center;gap:20px}.users .info .info-right{display:flex;align-items:end;gap:20px}.users .info .info-right .filter{display:flex;flex-direction:column;gap:5px}.users button{cursor:pointer}.dataTable .dataGrid{width:100%;height:75vh;background:var(--background-color);color:var(--color);padding:20px;overflow:auto}.dataTable .dataGrid .MuiCheckbox-root,.dataTable .dataGrid .MuiInput-underline,.dataTable .dataGrid .css-1knaqv7-MuiButtonBase-root-MuiButton-root,.dataTable .dataGrid .MuiButtonBase-root,.dataTable .dataGrid .MuiTablePagination-actions{color:var(--color)}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid .MuiTablePagination-displayedRows{color:var(--color)}.dataTable .dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:20px}.dataTable .dataGrid .action img{width:20px;height:20px;cursor:pointer}.addUser{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.addUser .modal{width:500px;height:fit-content;padding:30px;border-radius:10px;background-color:var(--background-color)}.addUser .modal .modalHeader{display:flex;justify-content:space-between}.addUser .modal .modalHeader .close{cursor:pointer}.addUser .modal .items{display:flex;flex-direction:column;gap:10px}.addUser .modal .items .itemGroup{display:flex;gap:10px}.addUser .modal .items .itemGroup .item{display:flex;flex-direction:column;flex:1}.addUser .modal .items .submit{margin-top:30px}.navbar{width:100%;display:flex;padding:20px;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px;cursor:pointer}.navbar .logo img{height:60px;width:60px;border-radius:50%}.navbar .logo span{font-size:24px}@media screen and (max-width: 768px){.navbar .logo img{height:40px;width:40px;border-radius:50%}}.navbar .logo .toggleSideBar{margin-left:30px}.navbar .logo .toggleSideBar .toggle-btn{margin-top:10px;background-color:transparent;color:#ddd;border:0cm}@media screen and (max-width: 1024px){.navbar .logo .toggleSideBar{display:none}}.navbar .links{display:flex;align-items:center;gap:20px}@media screen and (max-width: 768px){.navbar .links .icon{display:none}}.navbar .links .user{display:flex;gap:5px;align-items:center}.navbar .links .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}@media screen and (max-width: 768px){.navbar .links .user{display:none}}.navbar .links:hover{cursor:pointer}.footer{height:40px;padding:30px;display:flex;align-items:center;justify-content:space-between;background-color:var(--background-color)}.footer span:first-child{font-weight:700}@media screen and (max-width: 768px){.footer span:first-child{display:none}}.footer span:last-child{font-size:14px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{background:#fff;color:#000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"“" "”" "‘" "’"}q:before,q:after{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{display:flex;flex-direction:column;font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--color);min-height:100vh}.container{flex:1;display:flex}.menuContainer{overflow-y:auto;width:300px;padding:5px 20px;border-right:2px solid var(--background-color-soft)}.menuContainer.closed{width:max-content}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}@media screen and (max-width: 768px){.menuContainer{height:90vh;overflow-y:auto}}.contentContainer{width:100%;padding:5px 20px}@media screen and (max-width: 768px){.contentContainer{height:90vh;overflow-y:auto}}.menu{height:100%;overflow-y:auto}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.menu .item .title{font-size:12px;font-weight:200;color:var(--color-soft);text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .title.closed{display:none}.menu .item .listItem{display:flex;padding:10PX;gap:10px;border-radius:5px;align-items:center}.menu .item .listItem:hover{background-color:var(--background-color-soft)}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}.menu .item .listItem .listItemTitle.closed{display:none}html[data-theme=dark]{--background-color: #2a3447;--background-color-soft: #384256;--color: white;--soft-color: #ddd;--primary-button-background: #11524b;--secondary-button-background: #384256}html[data-theme=light]{--background-color: #FFFFFF;--background-color-soft: #f0f2f9;--color: #343538;--soft-color: #ddd;--primary-button-background: #37bb9a;--secondary-button-background: #cdd1db}.login{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--background-color)}.login .modal{padding:50px;border-radius:10px;background-color:var(--background-color-soft);position:relative;margin-bottom:40px;width:30%}@media screen and (max-width: 1024px){.login .modal{width:60%;padding:30px}}@media screen and (max-width: 1024px){.login .modal{width:90%;padding:15px}}.login .modal h1{font-size:24px;color:var(--color)}.login .modal label{color:var(--color)}.login .modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.login .modal form{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.login .modal form .item{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.login .modal form .item label{font-size:14px}.login .modal form .item input{padding:10px;background-color:transparent;color:var(--color);outline:none;border:1px solid var(--soft-color);border-radius:3px}.login .modal form button{width:100%}.bookingsToday{width:100%;height:100%}.bookingsToday .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.bookingsToday .status{padding:5px;border-radius:5px;display:block;text-align:center;width:100%}.bookingsToday .status.Confirmed{color:green;background-color:#00800027}.bookingsToday .status.Progress{color:#fff;background-color:#daa520}.bookingsToday .status.Completed{color:#fff;background-color:green}.bookingsToday .status.Pending{color:#daa520;background-color:#bdbd031a}.bookingsToday .status.Error,.bookingsToday .status.Abondoned{color:#da2020;background-color:#ff00001a}.bookingsToday .status.Deleted{color:#fff;background-color:#da2020}.bookingsToday .status.Closed{color:#da2020;background-color:#fff}.pendingBookings{width:100%;height:100%}.pendingBookings .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.pendingBookings .status{padding:5px;border-radius:5px;display:block;text-align:center;width:100%}.pendingBookings .status.Confirmed{color:green;background-color:#00800027}.pendingBookings .status.Progress{color:#fff;background-color:#daa520}.pendingBookings .status.Completed{color:#fff;background-color:green}.pendingBookings .status.Pending{color:#daa520;background-color:#bdbd031a}.pendingBookings .status.Error,.pendingBookings .status.Abondoned{color:#da2020;background-color:#ff00001a}.pendingBookings .status.Deleted{color:#fff;background-color:#da2020}.lineChartBox{width:100%;height:100%}.lineChartBox h1{font-size:20px;margin-bottom:20px}.lineChartBox .chart{color:#fff;width:100%;height:250px}.performance .graphs{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(190px,auto);grid-auto-flow:dense}.performance .graphs .box{padding:20px;border-radius:10px;border:2px solid var(--background-color-soft);background-color:var(--background-color-soft);grid-row:span 2}@media screen and (max-width: 1024px){.performance .graphs{grid-template-columns:repeat(1,1fr)}}.addFAQ{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.addFAQ .modal{width:500px;height:fit-content;padding:30px;border-radius:10px;background-color:var(--background-color)}.addFAQ .modal .modalHeader{display:flex;justify-content:space-between}.addFAQ .modal .modalHeader .close{cursor:pointer}.addFAQ .modal .items{display:flex;flex-direction:column;gap:10px}.addFAQ .modal .items .itemGroup{display:flex;gap:10px}.addFAQ .modal .items .itemGroup .item{display:flex;flex-direction:column;flex:1}.addFAQ .modal .items .submit{margin-top:30px}.faqs{width:100%;height:100%;min-width:1024}.faqs .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.corporateClients{width:100%;height:100%;min-width:1024}.corporateClients .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.addCorporateClient{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.addCorporateClient .modal{width:500px;height:fit-content;padding:30px;border-radius:10px;background-color:var(--background-color)}.addCorporateClient .modal .modalHeader{display:flex;justify-content:space-between}.addCorporateClient .modal .modalHeader .close{cursor:pointer}.addCorporateClient .modal .items{display:flex;flex-direction:column;gap:10px}.addCorporateClient .modal .items .itemGroup{display:flex;gap:10px}.addCorporateClient .modal .items .itemGroup .item{display:flex;flex-direction:column;flex:1}.addCorporateClient .modal .items .submit{margin-top:30px}.activeUsers .top-graph{height:23vh;background-color:red}.contact-us{width:100%}