:root{--ink:#172b3a;--muted:#70808c;--line:#e3e9ed;--bg:#f5f7f8;--green:#127a69;--side:#142e35}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #72c6b4;outline-offset:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:var(--side);color:#d8e7e9;padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-size:22px;font-weight:700;margin:0 12px 52px}.brand-mark{display:grid;place-items:center;width:39px;height:43px;border-radius:12px;background:#a5d8b9;color:#173831;font-size:26px}.brand-sub{display:block;font-size:11px;font-weight:450;color:#aac0c4;letter-spacing:2px;text-transform:uppercase}.nav-label{font-size:9px;letter-spacing:1.8px;color:#809ca3;margin:0 14px 16px}.nav-button{background:none;color:#adc4c9;border:0;padding:14px 16px;text-align:left;border-radius:8px;width:100%;display:flex;gap:12px;margin-bottom:6px}.nav-button.active{background:#25464c;color:#fff}.nav-button:hover{background:#25464c}.sidebar-bottom{margin-top:auto;margin-left:12px;font-size:12px}.sidebar-bottom .muted{display:block;margin-top:8px;color:#94afb6;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70c1a1;margin-right:8px}main{margin-left:226px;max-width:1700px;padding:0 38px}header{height:73px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:11px;color:#788990}.breadcrumb span{margin:0 12px;color:#abb7bd}.header-status{font-size:11px;color:#528a77;background:#eaf2ed;border:1px solid #d8e7de;border-radius:30px;padding:6px 12px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7b8a8f;font-weight:650}h1{font-size:29px;letter-spacing:-.8px;margin:7px 0}h2{font-size:15px;letter-spacing:-.2px;margin:0 0 6px}p{line-height:1.6;color:var(--muted);margin:0}.page-heading p{font-size:12px}.primary,.secondary,.chip{border-radius:6px;padding:10px 15px;border:1px solid var(--line);background:white;color:var(--ink);font-size:11px;font-weight:600}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#095e50}.secondary:hover,.chip:hover{background:#edf3ef}.primary span{margin-left:15px}.text-button{background:none;border:none;color:var(--green);font-size:11px;font-weight:600;padding:5px}.filters-panel{padding:18px 21px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:23px}.filter-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;margin-bottom:14px}.filters-basic{display:flex;gap:13px;align-items:end;flex-wrap:wrap}.filters-basic .primary{margin-left:auto;height:37px}label{display:flex;flex-direction:column;gap:7px;color:#667984;font-size:10px;font-weight:550}input,select{min-width:120px;border:1px solid #dce4e7;border-radius:5px;padding:8px 10px;background:white;color:var(--ink);height:37px;font-size:11px;max-width:100%}.filters-basic label{min-width:140px}.quick-periods{display:flex;gap:5px;align-items:center;min-height:37px}.chip{font-size:10px;padding:8px 9px;font-weight:450;white-space:nowrap}.filter-note{font-size:10px;margin-top:13px}.filters-more{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:15px;border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.filters-more .secondary{align-self:end}.filters-more select{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.kpi{border:1px solid var(--line);border-radius:9px;background:white;padding:22px}.kpi-name{display:flex;justify-content:space-between;gap:6px;color:#6b7e88;font-size:11px}.kpi-name span{color:#88a29c}.kpi strong{font-size:29px;font-weight:600;letter-spacing:-1px;display:block;margin:13px 0 7px}.kpi small{font-size:10px;color:#90a0a7}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-heading p{font-size:10px}.badge{background:#eef5f1;color:#689485;font-size:8px;letter-spacing:1px;padding:5px 8px;border-radius:4px}.chart{height:214px;display:flex;gap:12px;align-items:end;padding:15px 10px 0;border-bottom:1px solid var(--line)}.bar-item{flex:1;min-width:20px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:70%;min-height:2px;border-radius:5px 5px 0 0;background:#459482}.bar-label{font-size:9px;color:#86959d;height:23px;white-space:nowrap}.bar-value{font-size:9px;color:#4c6b64}.rank-row{display:flex;gap:11px;align-items:center;border-bottom:1px solid #edf1f2;padding:12px 0}.rank-number{background:#eff5f2;color:#568f79;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;font-size:10px}.rank-name{flex:1;font-size:11px}.rank-name small{display:block;font-size:9px;color:#94a1a6;margin-top:3px}.rank-value{font-size:11px;font-weight:600}.payment-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f2;font-size:11px}.payment-row small{display:block;color:#95a3aa;margin-top:3px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcuts button{padding:15px 12px;background:#f8faf9;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--ink);text-align:left;display:flex;justify-content:space-between;gap:10px}.shortcuts button:hover{background:#edf4f0}.notice{background:#edf2ef;border:1px solid #dce6df;color:#667f71;border-radius:7px;font-size:11px;line-height:1.65;padding:14px 18px}.error{border:1px solid #f0c3bd;color:#a83f33;background:#fff1ee;padding:14px;border-radius:8px;margin-bottom:14px}.loading{font-size:11px;color:#127a69;margin-bottom:12px}.hidden{display:none!important}.report-selector{display:flex;align-items:end;gap:18px;margin-bottom:20px}.report-selector label{flex:1;max-width:650px}.custom-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.custom-options>div{width:100%}.custom-options p{font-size:11px}.report-note{font-size:11px;background:#f5f8f6;padding:10px;border-radius:5px;margin-bottom:16px}.report-note:empty{display:none}.table-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.table-toolbar input{width:260px}.table-toolbar span{font-size:11px;color:#809299}.table-scroll{overflow:auto;min-height:150px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;white-space:nowrap;background:#f0f5f2;border-bottom:1px solid #dde7e0;padding:12px;color:#546c60}th button{background:none;border:0;color:inherit;font:inherit;font-weight:600;text-align:left;white-space:nowrap}td{padding:12px;border-bottom:1px solid #edf1f2;white-space:nowrap}tbody tr:hover{background:#f7faf8}.empty-state{padding:45px 15px;text-align:center;color:#86969e;font-size:12px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.pagination span{font-size:11px;color:#7c8b92}footer{display:flex;justify-content:space-between;padding:25px 0;color:#8c9ba1;font-size:10px}.disabled-filter{opacity:.4}.chart-empty{align-self:center;color:#809299}.filter-heading span span{margin-left:8px}@media(min-width:1500px){main{padding:0 55px}}@media(max-width:1150px){.sidebar{width:190px}main{margin-left:190px;padding:0 23px}.filters-basic label{min-width:120px}.quick-periods{order:4}.filters-basic .primary{margin-left:0}.kpi strong{font-size:24px}.kpi{padding:16px}.dashboard-grid{gap:16px}.shortcuts{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{width:70px;padding:25px 8px}.brand{margin:0 8px 35px}.brand>span:last-child,.nav-button span,.nav-label,.sidebar-bottom{display:none}.nav-button{font-size:22px;padding:12px;justify-content:center}.brand-mark{width:38px;flex-shrink:0}main{margin-left:70px;padding:0 18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.filters-more{grid-template-columns:1fr 1fr}.quick-periods{flex-wrap:wrap}.page-heading{align-items:start}h1{font-size:25px}.page-heading p{max-width:240px}.filters-basic label{flex:1}.filters-basic .primary{flex:1}.report-selector{flex-direction:column;align-items:stretch}.custom-options label{flex:1;min-width:120px}.table-toolbar{gap:10px}.table-toolbar input{max-width:200px}.panel{padding:17px}.header-status{max-width:170px}footer{gap:10px}.page-heading>.secondary{font-size:0}.page-heading>.secondary::first-letter{font-size:15px}}@media(max-width:440px){.kpi strong{font-size:21px}.kpi-name{font-size:10px}.filters-panel{padding:15px}.filters-more{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}.pagination .secondary{padding:8px}.breadcrumb{font-size:10px}.quick-periods{width:100%}}

.auth-overlay{position:fixed;inset:0;background:#eef3f0;z-index:1000;display:grid;place-items:center}.auth-card{width:min(440px,94vw);background:white;padding:32px;border-radius:16px;box-shadow:0 10px 50px #20382b22}.auth-card label,.settings-card label,.analysis-tools label{display:flex;flex-direction:column;gap:6px;margin:14px 0}.auth-card input,.settings-card input,.settings-card select,.settings-card textarea,.analysis-tools select,.analysis-tools input{padding:10px;border:1px solid #cddbd4;border-radius:7px;max-width:100%;min-height:40px}.settings-card{padding:24px;border-bottom:1px solid #dde6e0}.settings-card textarea{min-height:110px}.settings-card button,.export-actions button,.analysis-tools button{margin:5px 8px 5px 0}.setting-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 0;border-bottom:1px solid #eee}.success{color:#08734b}.portal-panel{margin-bottom:24px}.analysis-tools{padding:24px;margin-top:24px}.export-actions{display:flex;flex-wrap:wrap;gap:5px}.detail-panel{padding:24px;margin-top:24px}.heatmap{display:grid;grid-template-columns:repeat(24,minmax(36px,1fr));overflow:auto;gap:3px}.heat-cell{background:#168b61;color:white;text-align:center;padding:9px 2px;font-size:10px}#results tbody tr{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #168b61;outline-offset:3px}input[type=checkbox]{align-self:flex-start;width:20px} @media(max-width:700px){.panel-heading{flex-wrap:wrap;gap:16px}.settings-card{padding:16px}.export-actions{width:100%}}

.designer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;width:100%}.designer-grid label{display:flex;flex-direction:column;gap:8px}.designer-grid select,.designer-grid input{padding:10px;border:1px solid #cddbd4;border-radius:7px}.multi-filter-panel{margin:16px 0}.multi-filter-panel summary{cursor:pointer;font-weight:600;padding:10px}.multi-filter-box{display:inline-flex;vertical-align:top;flex-direction:column;gap:8px;width:260px;margin:12px}.multi-filter-box>input{padding:9px;border:1px solid #cddbd4;border-radius:6px}.multi-filter-list{height:190px;overflow:auto;border:1px solid #dde6e0;padding:8px}.multi-filter-list label{display:flex;flex-direction:row;gap:8px;align-items:center;padding:5px}.multi-filter-list input{min-height:20px}select[multiple]{min-height:150px}

/* Task navigation and compact settings */
.sidebar{overflow-y:auto}.home-tools,.section-tools{margin-bottom:20px;padding:22px}.home-tools h2:not(:first-child){margin-top:24px}.home-tools .chip,.section-tools .chip{margin:5px}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;margin-bottom:20px}.settings-tabs .active{background:#163f36;color:white}.period-summary{font-weight:600;color:#24584c}.portal-panel .settings-card{scroll-margin-top:20px}.section-tools .notice{margin-top:14px}.nav-button{min-height:42px}.settings-card label input,.settings-card label select{max-width:100%}
@media(max-width:800px){.sidebar{position:static!important;width:auto!important;height:auto!important;display:flex;flex-wrap:wrap;padding:12px!important;gap:5px}.sidebar .brand{width:100%}.sidebar .nav-label,.sidebar-bottom{display:none}.nav-button{width:auto!important;flex:1 0 140px;font-size:13px!important;margin:0!important}main{margin-left:0!important}.filters-basic{display:flex!important;flex-wrap:wrap}.filters-basic label{flex:1 0 135px}.quick-periods{flex-wrap:wrap}.settings-tabs{position:sticky;top:0;background:#f6f8f7;padding:10px;z-index:2}.export-actions{flex-wrap:wrap}.panel-heading{flex-wrap:wrap;gap:10px}.home-tools,.section-tools{padding:16px}}