:root{--accent:#3178b6;--ink:#253f59;--muted:#697f94;--line:#e6edf2}body{color:var(--ink);background:#f4f7fa;font-size:14px}.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{width:246px;background:#fff}.brand{color:#284f72!important;text-decoration:none;font-weight:800;gap:12px;padding-bottom:18px}.brand small{font-size:8px;letter-spacing:1.9px}.crest{background:#2f719d;color:#fff;position:relative;font:700 28px Manrope;width:42px;height:44px;border-radius:10px}.crest span{font-size:18px;font-weight:500;margin-left:-2px}.school-card{background:#f3f7fa;border:1px solid #e6edf2;border-radius:9px;margin-top:0;padding:14px}.school-card p{font-size:8px;letter-spacing:1.2px;color:#7b8b9a;margin:0 0 7px}.school-card select{border:0;background:transparent;color:#34556c;font-weight:600;width:100%;font-size:13px}.nav-group{font-size:8px;letter-spacing:1.2px;color:#94a3b2;padding-top:19px}.nav a{font-size:12px;gap:11px;min-height:37px;color:#677d90}.nav a.active{background:#eaf2f8;color:#286a9e;font-weight:700;border-radius:7px}.nav-symbol{font-size:18px;line-height:1;width:22px;text-align:center;opacity:.8}.nav-count{margin-left:auto;font-size:10px;background:#e3edf5;border-radius:5px;padding:2px 6px}.sidebar-foot{font-size:11px!important;color:#617a8d!important;margin-top:22px;line-height:1.8}.sidebar-foot small{display:block;font-size:9px;color:#91a0ad;margin-left:15px}.online-dot{display:inline-block;width:6px;height:6px;background:#3a9b84;border-radius:50%;margin-right:6px;vertical-align:middle}.topbar{height:78px;border-bottom:1px solid #e4ebf0;box-shadow:none;background:#fff}.breadcrumbs{font-size:11px;color:#8a9ba9}.breadcrumbs span{padding:0 12px;color:#b0bec9}.breadcrumbs b{color:#5d7488;font-weight:500}.userbar{gap:20px}.environment{font-size:8px;letter-spacing:1px;color:#7c96a9}.user-name{font-size:11px;color:#3d5870}.user-name small{font-size:9px;color:#91a1ae}.avatar{background:#eaf1f7;color:#44749a;font-weight:700}.content{padding:20px 34px 28px;max-width:1700px}.workspace-strip{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7b91a3;margin:0 0 22px}.workspace-strip .btn{font-size:10px}.heading{margin:0 0 24px;gap:16px}.eyebrow{color:#8ba0b0;font-size:8px;font-weight:600;letter-spacing:1.4px;margin-bottom:8px}.heading h1{color:#25415b;font-size:26px;letter-spacing:-.7px;margin:0}.heading p{font-size:11px;color:#7b8e9f;margin-top:8px}.date-chip{font-size:11px;color:#71899b;border:1px solid #e0e9f0;border-radius:6px;padding:9px 12px;background:#fff}.btn{font-size:11px;border-radius:6px;padding:10px 14px;white-space:nowrap;transition:background .15s}.btn.primary{background:#397fb3;color:#fff;border-color:#397fb3}.btn.primary:hover{background:#2b6998}.btn.soft{background:#edf4fa;color:#3d79a5;border:1px solid #dfeaf3}.text-btn{background:transparent!important;border:0!important;color:#467ea8!important;padding:6px 9px}.card{border:1px solid #e3eaf1;box-shadow:0 3px 9px #183b5603;border-radius:10px;margin-bottom:20px}.metrics{gap:16px;margin-bottom:22px}.metrics .card{margin:0}.metric{padding:22px}.metric .tag{font-size:10px;color:#71889c}.metric .value{font-size:27px;color:#31536c;margin-top:12px}.metric .foot{font-size:10px;color:#91a2af;margin-top:10px}.metric-icon{font-size:23px;color:#8aa9c0;background:#f1f6fa}.card-pad{padding:23px}.section-head h2,h2{color:#36536b;font-size:14px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:20px}.dashboard-grid .card{margin-bottom:20px}.v2-chart{height:225px;padding:34px 10px 35px;align-items:flex-end;gap:10px}.bar-col{min-width:0}.v2-chart .bar{width:21px;border-radius:4px 4px 0 0;background:#7ca7ca}.v2-chart .bar-col span{font-size:9px;bottom:-24px}.chart-caption{font-size:10px;color:#91a2af;margin-top:15px;text-align:center}.legend-dot{display:inline-block;width:7px;height:7px;background:#7ca7ca;border-radius:50%;margin-right:5px}.todo{padding:15px 0;font-size:12px;color:#547087;border-color:#eff3f6}.todo-icon{font-size:20px;background:#edf4fa;color:#779ebd}.todo small{font-size:10px;color:#95a4b0;margin-top:5px}.activity{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eff3f6;padding:13px 0;font-size:11px;color:#607b91}.activity small{margin-left:auto;color:#98a8b5;font-size:10px}.activity-dot{width:6px;height:6px;border-radius:50%;background:#9cbcd1}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.filters label,.form-grid label,.schedule-editor label{font-size:10px;color:#738b9d;display:block}.input{font-size:12px;border-color:#dfe7ee;color:#466279;min-height:39px;border-radius:5px;margin-top:6px}.input:focus{outline:2px solid #4387b32b;border-color:#82aac7}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.filter-details{margin-top:15px;font-size:10px;color:#5385a9}.filter-details summary{cursor:pointer;padding:7px 0}.filter-details[open] .filter-grid{margin-top:10px}.table-toolbar{padding:15px 20px;font-size:11px;color:#7b91a3}.table-toolbar h2{margin:0}.hint{font-size:11px;color:#879cac;line-height:1.8}.body-copy{font-size:12px;line-height:1.9;color:#70899c}.tabs button{font-size:11px;padding:16px 12px;color:#8195a6}.tabs .selected{color:#3478ab;border-color:#5595c0}.simple-search{display:flex;gap:9px;padding:18px 20px;align-items:center;border-bottom:1px solid #edf2f5}.simple-search .input{margin:0;max-width:340px}.simple-search .btn{height:39px}th{font-size:8px;color:#8496a5;letter-spacing:.65px;padding:15px 16px;background:#f7f9fb}td{font-size:11px;padding:15px 16px;color:#6c8497;max-width:280px;line-height:1.6}.name-link{font-weight:600;color:#3e7299;cursor:pointer;text-decoration:none;font-size:11px}.name-link:hover{color:#205b86;text-decoration:underline}.person .avatar{background:#edf3f8;color:#7798b2;width:33px;height:33px}.person small,.subline{display:block;font-size:9px;color:#92a4b1}.pill{font-size:9px;white-space:nowrap;border-radius:4px;padding:4px 7px;color:#458675;background:#eaf5ef}.pill.blue{color:#658aa9;background:#edf3f8}.pill.red{color:#b17b7b;background:#fbefef}.pill.amber{color:#ab8d52;background:#faf4e8}.pagination{font-size:10px;color:#8da0af}.pagination b{color:#69889e}.pagination select{margin-left:10px;color:#64839b}.page-buttons button.current{background:#5d94bc}.profile-tabs{display:flex;gap:7px;overflow:auto;margin:2px 0 22px;border-bottom:1px solid #dfe8ef}.profile-tabs a{padding:13px 15px;white-space:nowrap;font-size:11px;text-decoration:none;color:#8095a6;border-bottom:2px solid transparent}.profile-tabs a.selected{color:#377ead;border-color:#4386b5;background:#ecf3f8}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.profile-field{padding:17px 0;border-bottom:1px solid #edf2f6;display:flex;flex-direction:column;gap:8px}.profile-field span{font-size:10px;color:#97a7b3}.profile-field strong{font-size:12px;color:#536f85;font-weight:500}.tier-stack{display:grid;gap:3px;min-width:150px}.tier-stack span{display:flex;gap:20px;color:#8da0af;font-size:10px}.tier-stack b{margin-left:auto;font-size:11px;color:#5b7b93;font-weight:500}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.finance-summary>div{padding:20px 24px;background:#fff;border:1px solid #e2eaf0;border-radius:8px}.finance-summary small{font-size:8px;color:#99a8b3;letter-spacing:1px}.finance-summary b{display:block;font:700 23px Manrope;color:#3b617c;margin-top:8px}.date-picker{font-size:10px;color:#8ba0b0}.date-picker .input{width:180px;display:block}.empty{padding:45px;font-size:12px}.empty-mark{font-size:30px;color:#a9bfd0;margin:0 0 10px}.footer{font-size:9px;padding-top:14px;color:#9badbb}.form-section-title{font-size:11px;color:#52768f;letter-spacing:.3px;font-weight:700;margin:20px 0 15px;border-bottom:1px solid #e9f0f5;padding-bottom:10px}.form-section-title:first-child{margin-top:0}dialog{width:min(850px,calc(100% - 28px));border-radius:12px}.modal-header{padding:21px 25px}.modal-header h2{font-size:18px;color:#3d617b}.modal-header>button{font-size:24px;color:#94a8b6}.modal-body{padding:23px 25px;max-height:66vh}.modal-footer{padding:17px 25px}.form-grid{gap:16px 20px}.combo-row{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f5;padding:8px 0;color:#718b9e;font-size:11px}.combo-row input{width:180px}.schedule-editor{display:grid;grid-template-columns:1fr 1.25fr .8fr .8fr 1.1fr 25px;gap:9px;align-items:end;padding:12px 0;border-bottom:1px solid #e8eff4}.remove-schedule{padding:9px 0}.invoice-editor-labels,.invoice-editor-row{display:grid;grid-template-columns:minmax(120px,1fr) 65px 115px 75px 20px;gap:8px;align-items:center}.invoice-editor-labels{font-size:9px;color:#89a0b0}.invoice-editor-row{margin-bottom:8px}.invoice-editor-row input{margin:0}.price-preview{display:flex;flex-direction:column;gap:10px;background:#f1f6fa;color:#4a7696;border-radius:7px;padding:18px;font-size:12px;margin-top:20px}.price-preview span{font-size:11px}.payment-summary{background:#f0f6fa;padding:20px;border-radius:7px;margin-bottom:22px;font-size:11px;color:#6c8ba1}.payment-summary strong{display:block;font:700 22px Manrope;color:#3e769d;margin-top:10px}.invoice-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.invoice-sheet-head h2{font-size:25px}.invoice-sheet-head p{font-size:12px}.invoice-breakdown{margin:20px 0 25px auto;width:320px}.invoice-breakdown>div{display:flex;justify-content:space-between;padding:10px;font-size:12px;border-bottom:1px solid #eaf0f5}.invoice-breakdown>div:last-child{background:#edf5fa;color:#3d7ca7;font-size:15px}.upload-box{border:1px dashed #b4cbdc;border-radius:8px;background:#f7fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;font-size:24px;color:#729cb9;position:relative;margin:20px 0}.upload-box strong{font-size:12px;color:#587e9b}.upload-box span{font-size:10px;color:#93a9b8}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-label{display:flex;flex-direction:column;font-size:11px;color:#7290a6;gap:10px;margin-top:22px}.storage-note{display:flex;gap:8px;padding:16px;background:#f3f7fa;margin-top:23px;border-radius:7px;color:#66869e}.storage-note strong{font-size:11px;font-weight:600}.storage-note p{font-size:10px;line-height:1.8;margin-bottom:0}.storage-note .online-dot{flex-shrink:0;margin-top:4px}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.import-steps>div{display:flex;flex-direction:column;gap:10px}.import-steps b{font:700 24px Manrope;color:#c0d4e3}.import-steps strong{font-size:11px;color:#66859d}.import-steps span{font-size:11px;color:#90a5b5;line-height:1.8}.import-result{display:flex;align-items:baseline;gap:12px;background:#eff6fa;padding:20px;margin-bottom:20px;color:#6c8ba2}.import-result b{font-size:26px;color:#447fa8}.import-result span{font-size:11px;margin-right:15px}.notice.error,.error{color:#ac6262}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.startup-error{max-width:650px;margin:100px auto;padding:35px;color:#607d94;font-size:14px}.startup-error p{line-height:1.8}:focus-visible{outline:2px solid #7caed1;outline-offset:3px}[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}a{color:#5483a5}.checklist{grid-template-columns:repeat(2,1fr)}
@media(min-width:1600px){.content{padding:25px 42px}.metrics .metric{padding:28px}.heading h1{font-size:29px}}@media(max-width:1200px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.content{padding:20px 22px}.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{width:246px;display:none}.sidebar.open{display:block}.topbar{height:65px;padding:0 17px}.content{padding:18px 13px}.heading h1{font-size:23px}.workspace-strip{font-size:9px;gap:10px;margin-bottom:19px}.workspace-strip>span{max-width:65%}.environment{font-size:7px}.metrics{gap:10px}.metric{padding:17px}.metric .value{font-size:22px}.filter-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.finance-summary{gap:8px}.finance-summary>div{padding:14px 10px}.finance-summary b{font-size:17px}.finance-summary small{font-size:7px}.schedule-editor{grid-template-columns:1fr 1fr}.import-steps{grid-template-columns:1fr}.invoice-editor-labels,.invoice-editor-row{grid-template-columns:minmax(70px,1fr) 42px 75px 50px 15px;gap:4px}.invoice-editor-row .input{padding:7px 5px;font-size:11px}.invoice-breakdown{width:100%}.modal-body{padding:18px}.user-name{display:none}.footer{gap:15px;line-height:1.7}.simple-search .input{min-width:0}.simple-search{padding:15px}.v2-chart{gap:4px}.v2-chart .bar{width:15px}.form-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
.userbar{gap:13px}.header-group{position:relative}.header-control{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;border:0;background:transparent;color:#718195;border-radius:7px;cursor:pointer;font-size:12px;min-height:38px}.header-control:hover,.header-control[aria-expanded=true]{background:#edf4fa;color:#397fab}.header-control svg{width:23px;height:23px;flex-shrink:0}.language-control svg{width:13px;height:13px}.language-globe{font-size:24px}.icon-control{position:relative;width:38px}.profile-control{gap:13px;margin-left:5px}.profile-control .user-name{text-align:right;line-height:1.4}.profile-control .user-name small{display:block;font-size:10px}.profile-control .avatar{width:39px;height:39px;font-size:12px;border-radius:50%}.notification-count{position:absolute;top:-2px;right:-2px;background:#dc6767;color:white;font-size:9px;padding:2px 5px;border-radius:12px;line-height:1.2;min-width:17px;border:2px solid white}.header-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:white;border:1px solid #e1e9ef;border-radius:9px;box-shadow:0 12px 35px #294a641c;z-index:100;min-width:210px;padding:7px}.header-dropdown>button,.header-dropdown>p{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 14px;font-size:12px;color:#6c8093;border-radius:5px}.header-dropdown>button:hover{background:#edf5fb;color:#3c82b2}.header-dropdown svg{width:20px;height:20px;flex-shrink:0}.header-dropdown hr{border:0;border-top:1px solid #e7edf2;margin:5px 0}.profile-menu{width:245px}.notification-menu{width:340px;max-height:440px;overflow:auto}.notification-title{display:flex;justify-content:space-between;align-items:center;padding:10px 9px 14px;border-bottom:1px solid #e8eff4;font-size:12px;color:#52758e}.notification-title .btn{font-size:9px;padding:3px}.header-dropdown .notification-item{padding:13px 8px;border-bottom:1px solid #eef3f7;border-radius:0;align-items:flex-start}.notification-item b{display:block;font-size:11px;color:#557994;font-weight:600}.notification-item small{display:block;font-size:10px;color:#95a7b5;margin-top:4px}.notification-dot{width:6px;height:6px;border-radius:50%;background:#6ca1c7;flex-shrink:0;margin-top:5px}.notification-item.read .notification-dot{background:#d2dde6}.notification-item.read b{font-weight:400}.settings-preference{display:block;font-size:11px;color:#7b92a4;margin-top:22px}.settings-preference .input{max-width:300px}.settings-actions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.closed-workspace{max-width:520px;margin:14vh auto;padding:35px;text-align:center;background:white;border:1px solid #e2eaf0;border-radius:12px;color:#607e95}.closed-workspace .crest{margin:auto}.closed-workspace h1{font:700 25px Manrope;margin-top:25px}.closed-workspace p{font-size:13px;line-height:1.9;margin:20px 0 25px}
:root[data-theme=dark]{color-scheme:dark;--ink:#d6e2ee;--muted:#9cb0c4;--line:#344356;--accent:#91bce1}html[data-theme=dark] body{background:#192330;color:#c6d5e3}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] dialog,html[data-theme=dark] .header-dropdown,html[data-theme=dark] .finance-summary>div,html[data-theme=dark] .closed-workspace{background:#222f3e;border-color:#344356;color:#c5d5e5}html[data-theme=dark] .school-card,html[data-theme=dark] .storage-note,html[data-theme=dark] .price-preview,html[data-theme=dark] .payment-summary,html[data-theme=dark] .upload-box{background:#28394a;border-color:#40566c;color:#a5c1d7}html[data-theme=dark] .brand,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .heading h1,html[data-theme=dark] .metric .value,html[data-theme=dark] .finance-summary b,html[data-theme=dark] .profile-field strong{color:#d7e7f5!important}html[data-theme=dark] .nav a,html[data-theme=dark] .nav-group,html[data-theme=dark] .header-control,html[data-theme=dark] .header-dropdown>button,html[data-theme=dark] .user-name,html[data-theme=dark] .school-card select{color:#a9bed1}html[data-theme=dark] .nav a.active,html[data-theme=dark] .header-control:hover,html[data-theme=dark] .header-control[aria-expanded=true],html[data-theme=dark] .header-dropdown>button:hover,html[data-theme=dark] .profile-tabs a.selected{background:#30475e;color:#b7d9f4}html[data-theme=dark] .input,html[data-theme=dark] .status-select,html[data-theme=dark] .pagination select{background:#1d2a39;border-color:#40536a;color:#cee0ef}html[data-theme=dark] th{background:#293849;color:#adc1d4;border-color:#3b4e61}html[data-theme=dark] td,html[data-theme=dark] .activity,html[data-theme=dark] .profile-field,html[data-theme=dark] .form-section-title,html[data-theme=dark] .modal-header,html[data-theme=dark] .modal-footer,html[data-theme=dark] .filters,html[data-theme=dark] .tabs,html[data-theme=dark] .simple-search{border-color:#34475a;color:#adc0d1}html[data-theme=dark] tr:hover td{background:#2a3b4d}html[data-theme=dark] .btn{background:#2c3e50;border-color:#476079;color:#c6ddeb}html[data-theme=dark] .btn.primary{background:#347cac;border-color:#347cac;color:#fff}html[data-theme=dark] .btn.soft,html[data-theme=dark] .todo-icon,html[data-theme=dark] .metric-icon,html[data-theme=dark] .avatar,html[data-theme=dark] .person .avatar{background:#304960;color:#abcce5}html[data-theme=dark] .text-btn,html[data-theme=dark] .name-link,html[data-theme=dark] .notification-item b{color:#9ac7e8!important}html[data-theme=dark] .hint,html[data-theme=dark] .body-copy,html[data-theme=dark] .heading p,html[data-theme=dark] .metric .tag,html[data-theme=dark] .metric .foot,html[data-theme=dark] .workspace-strip{color:#9db1c3}html[data-theme=dark] .date-chip{background:#25384a;border-color:#40556a;color:#b6cfdf}html[data-theme=dark] .notification-count{border-color:#222f3e}html[data-theme=dark] .pill{background:#26493f;color:#acd5c7}html[data-theme=dark] .pill.blue{background:#2a4157;color:#afcce3}html[data-theme=dark] .pill.red{background:#54383d;color:#e2b1b6}html[data-theme=dark] .pill.amber{background:#514834;color:#ddc692}html[data-theme=dark] .modal-header h2{color:#d6e7f5}html[data-theme=dark] .profile-tabs,html[data-theme=dark] .notification-title,html[data-theme=dark] .notification-item,html[data-theme=dark] .combo-row,html[data-theme=dark] .schedule-editor,html[data-theme=dark] .invoice-breakdown>div{border-color:#3a5063}
@media(max-width:760px){.userbar{gap:3px}.header-control{padding:5px;font-size:10px}.profile-control{margin-left:0}.language-globe{font-size:19px}.language-control svg{display:none}.header-control svg{width:21px;height:21px}.icon-control{width:31px}.profile-control .avatar{width:32px;height:32px;font-size:10px}.notification-menu{width:min(330px,calc(100vw - 30px));position:fixed;right:15px;top:67px}.header-dropdown.profile-menu{right:-4px;max-width:calc(100vw - 26px)}}
@media print{body *{visibility:hidden}dialog[open],dialog[open] *{visibility:visible}dialog[open]{position:absolute;top:0;left:0;max-height:none;width:100%;box-shadow:none}.modal-header,.modal-footer{display:none}.modal-body{max-height:none;overflow:visible}dialog::backdrop{background:white}.invoice-sheet th,.invoice-sheet td{font-size:11px}}
