:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203a3c;--muted:#718083;--green:#176b5b;--line:#e5ebea;--surface:#f5f7f8;background:var(--surface);color:var(--ink);font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #b48a37}h1,h2,p{margin:0}button{color:inherit}svg{flex-shrink:0}.sidebar{border-inline-end:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:248px;padding:32px 20px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 12px 36px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px 3px;place-items:center;width:42px;height:46px;font-size:25px;font-weight:700;display:grid}.brand strong{letter-spacing:3px;font-family:Arial,sans-serif;font-size:27px;display:block}.brand small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.nav-label{color:#899593;padding:8px 15px 14px;font-size:11px}.nav-link{color:#657472;border-radius:8px;align-items:center;gap:13px;min-height:49px;margin-bottom:7px;padding:15px;font-size:13px;display:flex}.nav-link:hover{color:var(--green);background:#f3f7f5}.nav-link.active{color:#176b5b;background:#e8f2ee;font-weight:700}.active-dot,.status-dot{background:#30846c;border-radius:50%;width:7px;height:7px;display:inline-block}.active-dot{margin-inline-start:auto}.sidebar-note{border-top:1px solid var(--line);margin-top:auto;padding:20px 12px 0;font-size:11px}.sidebar-note .status-dot{margin-inline-end:6px}.sidebar-note p{color:var(--muted);margin-top:10px;font-size:10px}.workspace{flex-direction:column;min-width:0;min-height:100svh;margin-inline-start:248px;display:flex}.header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:88px;padding:0 36px;display:flex}.header-title{color:var(--muted);align-items:center;gap:17px;font-size:12px;display:flex}.header-title>strong{letter-spacing:2px;color:var(--green);font-family:Arial,sans-serif;font-size:19px}.header-divider{background:var(--line);width:1px;height:20px}.user-profile,.person{align-items:center;gap:11px;display:flex}.avatar{color:var(--green);background:#eef3ef;border:1px solid #dde8df;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:12px;display:grid}.user-profile strong{font-size:12px}.user-profile small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.main-content{flex:1;width:100%;min-width:0;max-width:1800px;margin-inline:auto;padding:32px 36px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:var(--muted);margin-bottom:13px;font-size:10px;display:block}h1{font-size:25px;line-height:1.5}.page-heading p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.9}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:12px 18px;font-size:12px;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:#105345}.welcome-banner{background:#eaf2ee;border:1px solid #dce9e1;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:25px 28px;display:flex;position:relative;overflow:hidden}.welcome-banner h2{font-size:21px}.welcome-banner .eyebrow{color:#578173;margin-bottom:10px}.welcome-banner p{color:#5b7970;margin-top:12px;font-size:12px;line-height:1.8}.demo-pill{color:#56756a;white-space:nowrap;background:#f7faf8;border:1px solid #dce7e1;border-radius:6px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:inline-flex}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px 22px}.metric-top{color:#607473;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.metric-icon{color:#639183;background:#f0f5f3;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.metric-card>strong{margin:14px 0 10px;font-size:27px;font-weight:600;line-height:1.5;display:block}.metric-card>small{color:var(--muted);font-size:10px}.metric-card.featured{border-top:3px solid #267a64;padding-top:18px}.metric-card.featured>strong{color:var(--green)}.data-note{color:var(--muted);margin:15px 0 25px;font-size:10px;line-height:1.9}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:23px 24px;display:flex}h2{font-size:15px;line-height:1.7}.panel-heading p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.8}.text-link{color:var(--green);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:start;white-space:nowrap;width:100%;font-size:11px}th{text-align:start;color:#738481;background:#f9fafb;padding:16px;font-weight:400}td{color:#596e6a;border-top:1px solid #eef1f0;padding:20px 16px}tbody tr:hover{background:#fafcfb}.project-code{color:#748783;font-family:Arial,sans-serif;font-size:11px}.project-name{color:var(--ink);font-weight:700}.amount{font-variant-numeric:tabular-nums}.badge{border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:inline-flex}.badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.green{color:#35795a;background:#eaf4ee}.badge.amber{color:#9a7224;background:#fff5e2}.badge.blue{color:#527b9a;background:#eaf1f7}.progress-cell{align-items:center;gap:8px;font-size:10px;display:flex}progress{accent-color:#4b9980;background:#e9eeec;border:0;border-radius:4px;width:58px;height:5px;overflow:hidden}progress::-webkit-progress-bar{background:#e9eeec}progress::-webkit-progress-value{background:#4b9980;border-radius:4px}progress::-moz-progress-bar{background:#4b9980}footer{border-top:1px solid var(--line);color:#84928f;justify-content:space-between;gap:15px;padding:20px 36px;font-size:10px;line-height:1.8;display:flex}.notice{color:#827349;background:#fcfbf5;border:1px solid #e7e5d5;border-radius:8px;margin-bottom:24px;padding:15px 18px;font-size:12px;line-height:1.9}.muted{color:var(--muted);font-size:11px}.count{color:var(--green);background:#edf4ef;border-radius:5px;margin-inline-start:8px;padding:2px 8px;font-size:11px;display:inline-block}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:16px;padding:20px 24px;display:flex}.details-stack{gap:24px;display:grid}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:0;padding:24px;display:grid}.details-grid>div{overflow-wrap:anywhere;gap:10px;display:grid}.detail-list{margin:0;padding:0 24px;list-style:none}.detail-list li{overflow-wrap:anywhere;padding:20px 0;line-height:1.9}.detail-list li+li{border-top:1px solid var(--line)}.detail-list p,.detail-list small{color:var(--muted);white-space:pre-wrap;font-size:12px}.project-name a:hover,.project-code a:hover{text-decoration:underline}.filters label{color:#657771;gap:9px;font-size:11px;display:grid}.filters label:first-child{flex:1;max-width:420px}input,select{color:var(--ink);background:#fff;border:1px solid #dce5e1;border-radius:6px;width:100%;min-width:0;padding:11px 12px;font-size:12px}select{min-width:160px}.filter-result{color:var(--muted);margin-inline-start:auto;padding-bottom:12px;font-size:11px}.empty-state{text-align:center;color:var(--muted);padding:40px;font-size:13px}.upload-panel{text-align:center;border:1px dashed #b9cfc5;margin-bottom:24px;padding:35px 24px}.upload-icon,.large-icon{width:60px;height:60px;color:var(--green);background:#eef5f1;border-radius:14px;place-items:center;margin:0 auto 16px;display:grid}.upload-panel p{color:var(--muted);margin:12px 0 20px;font-size:12px;line-height:1.8}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-button:focus-within{outline-offset:4px;outline:3px solid #b48a37}.upload-panel .file-name{overflow-wrap:anywhere;margin:18px 0 0;font-size:11px}.panel-bottom{border-top:1px solid var(--line);color:var(--muted);background:#fafcfb;padding:18px 24px;font-size:11px;line-height:1.8}.role-code{color:#517267;background:#f1f5f4;border-radius:5px;padding:7px 10px;font-size:11px}.assignment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.assignment-card{padding:25px}.assignment-card .large-icon{width:48px;height:48px;margin:0 0 20px}.assignment-card>p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.9}.assignment-card dl{margin:22px 0}.assignment-card dl>div{border-top:1px solid var(--line);gap:9px;padding:14px 0;display:grid}dt{font-size:12px}dd{color:var(--muted);margin:0;font-size:12px}.assignment-card dt{color:var(--muted);font-size:11px}.assignment-card dd{color:var(--ink)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.settings-list{margin:0;padding:5px 24px}.settings-list>div{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;line-height:1.8;display:flex}.settings-list>div+div{border-top:1px solid var(--line)}.settings-list dd{font-size:11px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;display:none}.sidebar-backdrop{display:none}.skip-link{top:-100px;z-index:100;background:#fff;padding:12px;position:fixed;inset-inline-start:20px}.skip-link:focus{top:12px}@media (max-width:1150px){.sidebar{width:220px;padding-inline:14px}.workspace{margin-inline-start:220px}.main-content{padding:28px 24px}.header{padding-inline:24px}.assignment-grid{grid-template-columns:1fr}.assignment-card dl{gap:35px;display:flex}.assignment-card dl>div{flex:1}.metric-card{padding:17px}.metric-card>strong{font-size:23px}}@media (max-width:800px){.sidebar{visibility:hidden;width:248px;transform:translate(100%)}.sidebar.is-open{visibility:visible;transform:translate(0)}.sidebar-backdrop{z-index:25;background:#142e3155;border:0;display:block;position:fixed;inset:0}.workspace{margin-inline-start:0}.menu-button{place-items:center;display:grid}.header{height:76px}.main-content{padding:24px 20px}.header-title{gap:10px}.settings-grid{gap:16px}.metric-card>strong{font-size:23px}.header-title>span:not(.header-divider),.header-divider{display:none}}@media (max-width:560px){.header{padding-inline:16px}.main-content{padding:22px 16px}.page-heading{flex-direction:column;align-items:start;gap:16px}.page-heading .button{align-self:stretch}h1{font-size:23px}.welcome-banner{flex-direction:column;align-items:start;gap:14px;padding:22px 18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px 12px}.metric-card.featured{padding-top:13px}.metric-card>strong{font-size:20px}.metric-top{gap:5px;font-size:11px}.metric-icon{width:28px;height:28px}.metric-icon svg{width:16px}.metric-card>small{font-size:9px}.metric-card:last-child{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.panel-heading{padding:18px 16px}.filters{flex-wrap:wrap;gap:14px;padding:18px 16px}.filters label:first-child{flex-basis:100%;max-width:none}.filters label:nth-child(2){flex:1}.filter-result{margin:0}.assignment-card{padding:22px}.assignment-card dl{display:block}.settings-list{padding-inline:16px}footer{flex-direction:column;gap:5px;padding:20px 16px}.notice,.user-profile strong{font-size:11px}.avatar{width:34px;height:34px}.demo-pill{font-size:9px}}.login-card{max-width:460px;margin:10vh auto;padding:32px}.auth-form{gap:16px;max-width:480px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form input:not([type=checkbox]),.auth-form select{color:#172b4d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px}.auth-form input[type=checkbox]{width:18px;height:18px}.account-panel{margin-bottom:20px;padding:24px}.account-panel summary{cursor:pointer;padding:12px 0}.workflow-form{padding:16px 22px}.workflow-form fieldset{border:0;gap:14px;margin:0;padding:0;display:grid}.workflow-form label{gap:8px;display:grid}.workflow-form textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:8px;padding:10px}.workflow-form input[type=checkbox]{justify-self:start;width:auto}.workflow-form button{justify-self:start}
