.theme{--primary-brand-color:#00566B;--secondary-brand-color:#712F1E;--primary-background-color:#E6E6E6;--secondary-background-color:#fff;--light-background-color:hsl(0,0%,98%);--layout-nav-color:#e7e8e8;--heading-color:#2a2a2a;--primary-text-color:#484848;--light-text-color:#ffffff;--primary-border-color:#c1c1c1;--font-family-base:"Inter",sans-serif;--font-size-base:16px;--font-weight-bold:700;--font-weight-navigation:500;--font-weight-paragraphs:400;--font-weight-label:500;--h1-font-size:26px;--h2-font-size:20px;--h3-font-size:20px;--h4-font-size:16px;--h5-font-size:px;--h6-font-size:px;--button-radius:8px;--button-padding:.8rem .8rem;--primary-button-background:#00566B;--secondary-button-background:#FFF;--secondary-btn-radius:10px;--secondary-btn-font-size:13px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--navigation-text-color:#242424d8;--navigation-text-hover-color:#000000d8;--sidebar-width:274px;--border-radius:8px;--secondary-border-radius:16px 16px 0px 0px;--box-shadow:0 2px 4px -1px rgb(0 0 0/16%),0 4px 5px 0 rgb(0 0 0/11%),0 1px 10px 0 rgb(0 0 0/10%);--main-output-width:100%;--main-output-width:1000px;--main-output-margin:0 274px 0 0;--full-width-card-padding:2rem 6rem;--full-width-card-gap:4rem;--card-padding:2rem;--card-gap:11px;--radius-full:9999px;--form-width:100%;--form-max-width:600px;--form-padding:22px;--form-group-padding:0 11px;--form-group-gap:10px;--form-group-width:100%;--form-background-color:var(--secondary-background-color);--form-group-horiziontal-gap:11px;--input-padding:7px 16px 7px 16px;--input-font-size:16px;--formGroup-gap:8px;--input-border-radius:8px;--input-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}@media (prefers-color-scheme:dark){body{background-color:var(--dark-mode-primary-background-color);color:var(--dark-mode-primary-font-color)}}:root{background-color:var(--primary-background-color)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}body,html{height:100%}body{font-family:Inter,system-ui,sans-serif;background-color:var(--primary-background-color);color:var(--primary-font-color);font-size:var(--font-size-base);font-weight:var(--font-weight-paragraphs);padding:0;margin:0;overflow-x:hidden;line-height:1.5}main{width:100%;height:100%}footer{background-color:var(--secondary-background-color);color:var(--primary-text-color)}a{text-decoration:none;color:inherit}ol,ul{list-style:none;margin:0;padding:0}h1{font-size:var(--h1-font-size)}h1,h2{color:var(--primary-text-color);font-weight:600}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size);line-height:25px;font-weight:600}h3,h4{color:var(--primary-text-color)}h4{font-size:var(--h4-font-size)}h5{font-size:var(--h5-font-size)}h5,h6{color:var(--primary-text-color)}h6{font-size:var(--h6-font-size)}.primary-btn{background:var(--primary-button-background);color:var(--light-text-color);border-radius:var(--button-radius);border:none;padding:var(--button-padding);font-size:1rem}.primary-btn,.secondary-btn{margin:0;font-weight:600;cursor:pointer}.secondary-btn{background:var(--secondary-button-background);color:var(--primary-text-color);border-radius:8px;border:2px solid black;font-size:var(--secondary-btn-font-size);padding:.8rem;font-size:1rem}.list-button{background:#191919;color:#ededed;border:0;padding-inline:.8rem;padding-block:.5rem}.list-button,.list-button-create{font-weight:600;border-radius:5px;cursor:pointer}.list-button-create{background:transparent;padding-inline:.3rem;padding-block:.4rem;border:1.5px solid #191919;color:#191919}.PP-list-delete{background-color:transparent;text-align:left;border:0;outline:0;display:flex;align-items:center;cursor:pointer;display:inline-block;color:#191919;width:-moz-fit-content;width:fit-content;padding:.4rem;border-radius:var(--button-radius);transition:all .3s ease,transform .3s ease;font-weight:600}.PP-list-delete:hover{background-color:#f8d7da;color:#721c24}.input-trash-button{font-size:1.4rem;display:grid;place-items:center;background:transparent;border:0;cursor:pointer;opacity:1;transform:scale(1);transition:all .3s ease,transform .3s ease}.curriculum-textarea{width:100%;min-height:80px;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;font-family:Inter,system-ui,sans-serif;resize:none}.input-button-wrapper{width:32px;display:flex;justify-content:center;margin-left:1rem;transition:all .3s ease,transform .3s ease}.input-button-wrapper:not(:has(button)){opacity:0;transform:scale(.95);pointer-events:none}.invisible-btn{border:none;background-color:transparent;color:#666;font-size:16px;align-self:start;cursor:pointer;margin-left:3px}.invisible-btn:disabled{opacity:.5;cursor:not-allowed}.pp-btn{height:38px;width:100px;margin:2px;border-radius:8px;border:1.5px solid var(--primary-text-color);background-color:var(--secondary-button-background);color:black;font-weight:600;cursor:pointer}.login-btn{background:var(--primary-button-background);color:var(--light-text-color);border-radius:var(--radius-full);border:none;padding:.85rem 1.8rem;margin:0 0 1rem;font-size:var(--h4-font-size)}@media (max-width:600px){.login-btn{background:var(--primary-button-background);color:var(--light-text-color);border-radius:var(--radius-full);border:none;padding:.85rem 1.8rem;margin:0;font-size:var(--h4-font-size);width:100%}}.logout-btn{background:var(--primary-button-background);color:var(--light-text-color);border-radius:var(--radius-full);border:none;padding:.5rem 1.8rem;margin:0 0 1rem;font-size:var(--h4-font-size)}.select{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;font-family:Inter,system-ui,sans-serif;background-color:var(--light-text-color);color:var(--primary-font-color)}.btn-container{width:100%;display:flex}.btn-container-center{width:100%;height:auto;display:grid;place-items:center}.clear-filters-btn{background:#e4e4e4;color:var(--primary-text-color);font-weight:600;border-radius:8px;cursor:pointer;margin:0;font-size:var(--secondary-btn-font-size);border:0;padding:.7rem}input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer;border:2px solid var(--primary-color);border-radius:10px}.spinner{animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.input-error{border:1px solid #ef4444!important;box-shadow:inset 0 0 0 1px #ef4444!important;outline:none!important}.kanit-thin{font-family:Kanit,sans-serif;font-weight:700;font-style:normal}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.full-width-section{width:100%;padding:var(--spacing-medium);display:flex;text-align:center;flex-direction:row;justify-content:flex-start;align-items:flex-start;border:var(--border-radius)}.full-width-card{width:100%;height:100%;background-color:var(--secondary-background-color);border-radius:var(--border-radius);text-align:left;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:600px){.full-width-section{padding:0}}.half-vw-section{width:50vw;padding:var(--spacing-medium)}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.login-section{margin-top:-80px;padding-top:0}.section-base{background-color:var(--secondary-background-color);border-radius:var(--border-radius)}.card{background-color:transparent;padding-inline:2rem;padding-top:1rem;text-align:left;flex-direction:column;height:-moz-fit-content;height:fit-content}.card,.card-heading{width:100%;display:flex;justify-content:space-between}.card-heading{align-items:center;flex-wrap:wrap;gap:.5rem!important}@media (max-width:1520px){.card-heading{flex-direction:column;align-items:flex-start;gap:.5rem!important}}@media (max-width:490px){.card-heading{flex-direction:column;align-items:center}.card-heading,.card-heading.gap-8{gap:1rem!important}}.card-control{display:flex;gap:var(--spacing-medium);align-items:center;justify-content:space-between;height:1.1rem}.card-control-divider{color:var(--primary-border-color)}.card-control-tracker{background-color:var(--primary-background-color);padding-inline:.3rem;border-radius:5px}.card-control-tracker p{margin:0;padding-block:.15rem;padding-inline:.1rem;line-height:1rem;opacity:.6}.card-title{font-size:26px;margin:0;font-weight:600;color:var(--heading-color)}.card-text{margin-top:0;padding-top:0;font-size:16px;color:var(--primary-text-color);display:flex;flex-direction:column;gap:var(--card-gap)}.card-text li{line-height:1.5rem}.card-subtitle{font-size:16px;color:var(--heading-color)!important;margin-top:1.5rem}.dropdown-button{border:0;background:transparent;cursor:pointer}.output-container{background-color:var(--layout-nav-color)}.main-output{position:relative;width:calc(100% - 10px);background-color:var(--secondary-background-color);transition:all 1s ease;height:calc(94dvh - 10px);border-radius:var(--border-radius);overflow-y:auto;margin-right:10px}.main-output::-webkit-scrollbar{width:10px;height:10px}.main-output::-webkit-scrollbar-track{background:transparent;border-radius:10px}.main-output::-webkit-scrollbar-thumb{background-color:rgba(100,100,100,.4);border-radius:8px;border:2px solid transparent;background-clip:content-box;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.main-output::-webkit-scrollbar-thumb:hover{background-color:rgba(100,100,100,.7)}.sidebar{flex:1 1;min-width:260px;max-width:260px;height:94dvh;background-color:var(--primary-background-color);display:flex;flex-direction:column;justify-content:space-between;transition:all 1s ease}.user-info{background-color:var(--light-background-color);border-bottom:2px solid var(--secondary-brand-color);padding:1rem 2rem;text-align:center}.user-info h4,.user-info p{margin-top:1rem 0}.form-title{font-size:26px;margin:2rem 0 0;font-weight:600}.form-sub-title{font-size:16px;margin:.6rem 0;font-weight:500}form{display:flex;flex-direction:column;width:var(--form-width);height:auto;max-width:var(--form-max-width);margin:auto;gap:var(--form-gap);text-align:left;line-height:2rem;border-radius:var(--border-radius)}.secondary-bg{background-color:var(--secondary-background-color)}.form-group{display:flex;flex-direction:column;align-items:left;margin-bottom:var(--form-group-gap);width:var(--form-group-width)}label{font-weight:500;margin-bottom:4px}.adjusted-label,label{text-align:left;font-size:var(--input-font-size);color:var(--primary-text-color)}.adjusted-label{font-weight:600}.input-plus-button-container{display:flex;padding:0;height:100%;align-items:center}.input-plus-button-container,input{width:100%;border-radius:var(--input-border-radius);border:1px solid #bfbfbf}input{padding:var(--input-padding);font-size:var(--input-font-size);align-items:flex-start}.secondary-input-container{display:flex;margin:0 1rem 1rem 0;width:100%;align-items:center;padding-right:1rem}.secondary-input{border-radius:var(--input-border-radius);width:100%;box-shadow:none;border:0;margin-left:1px}.text-area{min-height:400px;border-radius:8px;padding:1rem;font-size:var(--input-font-size);border:1px solid #bfbfbf;resize:none;font-family:var(--primary-font-family)}input:focus,textarea:focus{outline:none}.drop-down{width:100%;border-radius:3rem;padding:.5rem;border:none;box-shadow:var(--box-shadow)}.list-section{justify-content:center;align-items:center;width:100%}.list,.list-section{display:flex;flex-direction:column}.list{width:var(--form-width);gap:var(--card-gap);width:100%;list-style-type:none;padding:0;margin:0}.list li{display:flex;flex-direction:column;text-align:left;background-color:var(--secondary-background-color);border-radius:var(--border-radius);padding:var(--card-padding);box-shadow:var(--box-shadow)}.annual-wheel{min-height:350px;width:100%;object-fit:contain;padding-bottom:1rem}.annual-wheel-svg{display:block;max-height:500px}.plus-icon{position:relative;top:4px;right:4px;font-size:20px;font-weight:200;color:#2a2a2a}.activity-dropdown{position:absolute;width:100%;border-radius:var(--border-radius);padding:5px 10px;background-color:var(--light-background-color);font-size:13px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:var(--box-shadow)}.activity-dropdown h4{font-size:.9rem;border-bottom:1px solid var(--primary-border-color);padding:4px}.activity-dropdown-item{padding:4px;cursor:pointer;border-bottom:1px solid #e1e1e1}.page-frame{padding:1.25rem}.page-header{margin-bottom:1rem}.card{border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:1rem;background:var(--card,#fff)}.sk-line{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--sk-bg,#eef1f5) 25%,var(--sk-shine,#f6f8fb) 37%,var(--sk-bg,#eef1f5) 63%);background-size:400% 100%;animation:sk-shimmer 1.2s ease-in-out infinite;margin:10px 0}.sk-title{height:28px;width:240px;border-radius:10px}.sk-subtitle{height:18px;width:160px;border-radius:10px}.sk-pill-row{display:flex;gap:.5rem;margin:.5rem 0 .25rem}.sk-pill{display:inline-block;width:72px;height:24px;border-radius:999px;background:linear-gradient(90deg,var(--sk-bg,#eef1f5) 25%,var(--sk-shine,#f6f8fb) 37%,var(--sk-bg,#eef1f5) 63%);background-size:400% 100%;animation:sk-shimmer 1.2s ease-in-out infinite}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sk-line,.sk-pill{animation:none}}@media (prefers-color-scheme:dark){:root{--card:#0b0f14;--border:#1b2430;--sk-bg:#1f2937;--sk-shine:#2b3544}}.top{position:relative;top:0}.flex,.row{display:flex}.row{flex-direction:row;width:100%}@media (min-width:1201px) and (max-width:2559px){.row>.border-right-light{padding-right:6rem}.row>.border-right-light+section,.row>section:last-child{padding-left:6rem}}@media (min-width:2560px){.row>.border-right-light{padding-right:.5rem}.row>.border-right-light+section,.row>section:last-child{padding-left:.5rem}}.center-column,.column{display:flex;flex-direction:column}.center-column{align-items:center}.between{justify-content:space-between}.align-center{display:flex;align-items:center}.center,.justify-center{display:flex;justify-content:center}.center,.space-between{align-items:center}.space-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}@media (max-width:1520px){.space-between{flex-direction:column;align-items:flex-start;gap:.5rem}}.space-around{justify-content:space-around}.space-around,.space-evenly{display:flex;align-items:center}.space-evenly{justify-content:space-evenly}.align-start{align-items:start}.align-end{justify-content:end}.inline{display:inline-flex}.block{display:block}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */.justify-between{display:flex;justify-content:space-between;align-items:center}.column-row{width:100%;height:auto;display:flex;flex-direction:row}@media (max-width:1366px){.column-row{flex-direction:column}}.column-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.line-height-30{line-height:30px}.list-disc{list-style-type:disc}.list-style-none{list-style-type:none}.leading-relaxed{line-height:1.625}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-md{font-size:1rem}.gap-1{display:flex;gap:1rem}.gap-2{display:flex;gap:2rem}.gap-3{display:flex;gap:3rem}.gap-4{display:flex;gap:4rem}.gap-5{display:flex;gap:5rem}.gap-6{display:flex;gap:6rem}.gap-7{display:flex;gap:7rem}.gap-8{display:flex;gap:8rem}.gap-9{display:flex;gap:9rem}.gap-10{display:flex;gap:10rem}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.flex-6{flex:6 1}.flex-7{flex:7 1}.flex-8{flex:8 1}.flex-9{flex:9 1}.flex-10{flex:10 1}.mt-0{margin-top:0}.mt-05{margin-top:.5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mt-11{margin-top:11px}.m-2{margin:2rem}.mb-05{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mb-11{margin-bottom:11px}.m-auto{margin:auto}.m-0-auto{margin:0 auto}.m-block-0{margin-block:0}.m-inline-1{margin-inline:1rem}.m-inline-2{margin-inline:2rem}.ml-5,.ml-half{margin-left:.5rem}.mr-half{margin-right:.5rem}.ml-1{margin-left:1rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-3{padding-top:3rem}.pl-2{padding-left:2rem}.pb-1{padding-bottom:1rem}.p-block-05{padding-block:.5rem}.pr-1{padding-right:1rem}.w-100{width:100%}.w-90{width:90%}.w-85{width:85%}.w-80{width:80%}.w-70{width:70%}.w-60{width:60%}.w-40{width:40%}.w-20{width:20%}.h-100{height:100%}.vh-100{height:97vh}.w-440{width:440px}.border{border:1px solid var(--primary-text-color)}.border-top{border-top:1px solid var(--primary-background-color)}.border-bottom-light{border-bottom:1px solid var(--primary-border-color)}.border-top-light{border-top:1px solid var(--primary-border-color)}.border-left-light{border-left:1px solid var(--primary-border-color)}.border-right-light{border-right:1px solid var(--primary-border-color)}.border-0{border:0}.bg-container{background-color:var(--secondary-background-color)}.input-box-shadow{border-radius:var(--border-radius);border:1px solid #bfbfbf}.danger{color:rgb(192,0,0)}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-24{font-size:24px}.weight-600{font-weight:600}.bg-test{background-color:aqua}.h-5{height:5%}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-90{height:90%}.absolute{position:absolute}.right-0{right:0}.right-1{right:1rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.relative{position:relative}.z-10{z-index:10}@media (max-width:1000px){.w-60{width:90%;max-width:540px}}@media (max-width:600px){.w-60{width:90%;max-width:540px;margin-left:auto;margin-right:auto}}.loadingWrapper{display:flex;font-weight:500;animation:pulse 1.5s ease-in-out infinite;color:#888;font-size:1rem;font-weight:400;color:var(--primary-text-color);opacity:.7;margin-top:2rem;gap:1px;height:100%;padding-inline:1rem}.loadingText{margin-right:.4rem}.loadingInner{display:flex;height:-moz-fit-content;height:fit-content;align-items:flex-end}.loading{opacity:.6}.dot{animation:bounceWithPause 1.6s cubic-bezier(.6,.05,.3,1) infinite,pulseDot 1.5s ease-in-out infinite;margin-bottom:.4rem;height:.25rem;width:.25rem;border-radius:50%;background-color:var(--primary-text-color);margin-right:.2rem}.dot:nth-child(2){animation-delay:0s}.dot:nth-child(3){animation-delay:.2s}.dot:nth-child(4){animation-delay:.4s}@keyframes bounceWithPause{0%,20%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pulseDot{0%{background-color:var(--primary-text-color);opacity:.5}50%{background-color:var(--primary-text-color);opacity:1}to{background-color:var(--primary-text-color);opacity:.5}}.border-right-light{padding-right:1.5rem}.border-left-light,.border-right-light+section{padding-left:1.5rem}@media (max-height:770px){.main-output{padding:0}.sidebar{transform:translateX(100vw)}}@media (min-width:601px) and (max-width:1000px){.output-container{padding-top:74.75px}.main-output{padding:1rem;width:100%;margin:0;border-radius:0;height:calc(100vh - 74.75px)}.sidebar{transform:translateX(100vw);position:absolute;right:-100%}.row{flex-direction:column}.card{padding-inline:1.5rem}.border-left-light,.border-right-light{border-left:none!important;border-right:none!important;padding-left:0;padding-right:0}.border-right-light+section{padding-left:0}}@media (max-width:1000px){.output-container{padding-top:74.75px}.main-output{padding:0;width:100%;margin:0;border-radius:0;height:calc(100vh - 74.75px);overflow-y:auto;border-left:none!important;border-right:none!important}.sidebar{transform:translateX(100vw);position:absolute;right:-100%}.row{flex-direction:column;height:auto;overflow:visible}.border-right-light{padding-right:1rem}.border-left-light,.border-right-light+section{padding-left:1rem}}@media (min-width:1001px){.w-50{width:100%}}@media (max-width:600px){.border-left-light,.border-right-light{border-left:none!important;border-right:none!important;padding-left:0!important;padding-right:0!important}.border-right-light+section{padding-left:0!important}.flex{flex-direction:column}.flex-1,.flex-2,.flex-3,.flex-4,.flex-5{flex:none;width:100%}.row{height:auto!important;overflow:visible!important}.w-50{width:100%!important}.relative:has(.absolute) .header{border-bottom:none!important}.relative:has(.absolute){border-bottom:1px solid var(--primary-border-color);padding-bottom:.5rem}}@media (max-width:1000px){.relative:has(.absolute){display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--primary-border-color);padding-bottom:.5rem}.relative:has(.absolute) .header{border-bottom:none!important;padding-bottom:0!important}.relative .absolute{position:static!important;transform:none!important;white-space:nowrap;margin:0;padding-left:1rem}}@media (max-width:370px){.relative:has(.absolute){flex-direction:column;align-items:flex-start;gap:.125rem}.relative .absolute{margin-top:0;margin-left:0;padding-left:1rem}}@media (max-width:1000px){.main-output{height:auto!important;min-height:calc(100vh - 74.75px)!important;overflow-y:visible!important}.row,section{overflow:visible!important;height:auto!important}.w-440,form{width:90%;max-width:540px;margin-inline:auto}form .form-group.w-90,form .space-between.w-90,form>.w-90{width:100%}}@media (min-width:1001px) and (max-width:1200px){.main-output .row{flex-direction:column}.main-output .row>section{width:100%}.main-output{margin-right:11px}.sidebar{right:11px}.border-left-light,.border-right-light{border-left:none;border-right:none;padding-left:0;padding-right:0}.border-right-light+section,.row>section{padding-left:0}.row>section{padding-right:0}.w-440,form{width:90%;max-width:540px;margin-inline:auto}form .form-group.w-90,form .space-between.w-90,form>.w-90{width:100%}}@media (max-width:768px){.tabContainer{flex-direction:column;gap:0;border-bottom:none}.tab{padding:1rem;border-bottom:1px solid #e0e0e0;border-left:3px solid transparent;text-align:left}.activeTab{border-bottom-color:#e0e0e0;border-left-color:#4a90e2;background-color:#f5f5f5}.adminContainer,.section{padding:1rem}.inlineForm{flex-direction:column;align-items:stretch!important}.inlineForm button{width:100%}.table{overflow-x:auto;-webkit-overflow-scrolling:touch}.table,.table tbody,.table thead,.table tr{display:block}.table thead{display:none}.table tr{margin-bottom:1rem;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.table td{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;color:#495057}.actions{flex-direction:column;gap:.5rem}.actions,.cancelBtn,.deleteBtn,.editBtn,.saveBtn{width:100%}}@media (max-width:600px){.adminContainer{padding:.5rem}.section{border-radius:0;padding:1rem;box-shadow:none}.sectionTitle{font-size:1.25rem}}.date-input-container{display:flex;gap:.5rem;align-items:center}.date-input-container>div:first-child{flex:0 0 180px}.date-input-container>div:last-child{flex:1 1}@media (max-width:600px){.date-input-container{flex-direction:column;align-items:flex-start;gap:.5rem}.date-input-container>div{flex:none;width:100%}.date-input-container>div:first-child,.date-input-container>div:last-child{flex:none}}@media (min-width:1920px) and (max-width:2559px){.card{padding:2rem}}@media (max-width:600px){.circularProgressBarWrapper{border:1px solid rgba(0,0,0,.15);border-radius:8px;padding-block:.8rem;padding-inline:1rem;margin-top:1.7rem;margin-bottom:1rem;display:flex;width:100%;gap:1rem}.section-base{background-color:transparent;box-shadow:none}.primary-btn{width:100%;padding:var(--button-padding)}.justify-between{flex-direction:column;gap:var(--spacing-large)}.card{padding-inline:1rem}.main-output{padding-inline:0;padding-block:0}.secondary-input{margin-left:0}.w-440{width:100%;margin-inline:0}.pl-2{padding-left:0}.form-group{margin-inline:auto}.center-column{width:100%;align-items:stretch}.center-column>div{width:100%}.secondary-input-container{margin-right:0;padding-right:0}.input-button-wrapper{margin-left:0;justify-content:flex-end}.space-between{flex-direction:row;gap:.5rem}.space-between.w-90{width:100%;margin-inline:0}.space-between>.primary-btn,.space-between>.secondary-btn{flex:1 1}.w-90{margin-inline:auto}.form-group.w-90{width:100%;margin-inline:0}form{padding:0}.form-group,form{width:100%}}@media (min-width:601px){.center-column{align-items:stretch}.center-column>div:not(.w-440):not([class*=AIWrapper]){width:100%}.main-output{padding-inline:2rem}.pl-2{padding-left:0}.border-left-light,.border-right-light{padding-left:0;padding-right:0}.border-right-light+section{padding-left:0}.border-right-light .center,.pt-2.pl-2 .center{width:100%}form{width:90%;max-width:540px;margin-inline:auto}form .form-group.w-90,form .space-between.w-90,form>.w-90{width:100%}.w-440{width:90%;max-width:540px;margin-inline:auto}.input-button-wrapper{margin-left:0;justify-content:flex-end}.secondary-input-container{margin-right:0;padding-right:0}}.info-hover-wrapper{margin-right:4rem}@media (max-width:450px){.space-between{flex-direction:column;gap:1rem;margin-inline:0}.space-between.w-90{width:100%}.space-between>.primary-btn,.space-between>.secondary-btn{width:100%;flex:none}}@media (max-width:600px){.auth-method-buttons{flex-direction:column!important;width:90%!important;max-width:400px;margin-left:auto!important;margin-right:auto!important}.auth-method-buttons button{width:100%}.full-width-section{padding:.5rem}.login-section{display:flex;flex-direction:column;width:100%;margin-top:1rem}.login-section h1{text-align:center;margin:0 auto 1rem}.login-section p{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}}