:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #3E7DF0;--dashboard-primary-color:teal;--dashboard-bg-color:#080442}a{font-weight:500;color:#646cff;color:teal;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.auth-container{display:flex;background-color:#e9f1ff}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-right,.auth-left{flex:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-left{border:solid 1px #E9F1FF;overflow:hidden;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:#fff}.auth-left>div{align-items:start;display:flex;flex-direction:column;gap:20px}.auth-title{font-size:30px}.auth-btn{color:#fff;background-color:var(--primary-color)}.otp-input-container{display:flex;gap:10px;justify-content:center}.otp-input-container input[maxLength="1"]{width:50px;height:50px;font-size:xx-large;text-align:center;border:solid 1px var(--primary-color)}@media only screen and (max-width:500px){.auth-left{display:none}}form{display:flex;flex-direction:column;gap:25px;text-align:center}.form-label{color:#000;font-weight:600}.form-input{background-color:#fff;min-width:450px;padding:20px 15px;border-color:var(--primary-color)}@media only screen and (max-width:500px){.form-input{min-width:325px;padding:20px 15px}}.sidebar-container,.sidebar-close{border:solid 1px black;min-height:95vh;background-color:var(--dashboard-bg-color);color:#fff;border-radius:20px;padding:10px 20px;transition:all .2s ease-in-out}.white-bg{background-color:#fff;color:#323232}.no-border{border-radius:0;border-color:transparent;border-right-color:#0003}.sidebar-container{min-width:200px}.sidebar-close{min-width:10px}.route-tabs-container{display:flex;flex-direction:column;gap:5px}.route-tab{display:flex;gap:10px;padding:7px 5px;border-radius:10px;border:solid 1px transparent;border-right-width:3px;font-weight:lighter;cursor:pointer;opacity:.8;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.route-tab:hover{opacity:1}.active-route{background-color:#3e7df0;color:#fff}.active-route2{color:#005aff;border-right-width:3px;border-radius:3px;border-right-color:#005aff}.sidebar-header-container{display:flex;gap:10px;justify-content:space-between;border-bottom:solid 1px white;margin-bottom:20px;padding:10px 5px 20px;align-items:center;min-width:fit-content;overflow:hidden;transition:all .2s ease-in-out}.blue-border{border-bottom:solid 1px #005AFF}.sidebar-header{display:flex;align-items:center;gap:10px;min-width:fit-content;transition:all .2s ease-in-out}.sidebar-btn{opacity:.8;cursor:pointer}.sidebar-btn:hover{opacity:1}.close-tab{display:none}.reduce-tab{overflow:hidden;min-width:10px}@media only screen and (max-width:500px){.sidebar-container,.sidebar-close{position:sticky;z-index:10;padding:5px;min-height:10px;max-height:90vh}}.dashboard{display:flex;max-height:100vh}.dashboard .dashboard-sidebar-container{display:flex;max-height:90vh;padding:5px}.dashboard .dashboard-main-container{flex:1;display:flex;padding:20px;gap:20px;flex-direction:column;overflow:auto}.main-card-container{display:flex;gap:10px;justify-content:space-around;flex-wrap:wrap}.main-card{border:solid 2px rgba(0,0,0,.3);border-radius:10px;display:flex;flex-direction:column;padding:10px;color:gray;font-size:small;width:225px;gap:10px}.main-card div:first-child{display:flex;justify-content:space-between}.main-card div:last-child{border-top:solid 1px rgba(0,0,0,.05);font-size:x-small;display:flex;justify-content:space-between}.select-input{padding:7px 20px;border:solid 1px rgba(0,0,0,.1);background-color:#00000008;border-radius:5px}@media print{.hide-on-pdf{display:none!important}}.header-container{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:10px}.header-icon{background-color:#00000026;cursor:pointer;color:#000;opacity:.9;padding:5px;font-size:small;border-radius:20px}.header-icon:hover{opacity:1}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}
