:root{color:#17211f;background:#f5f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--border: #d9e0dc;--muted: #68736f;--surface: #ffffff;--surface-subtle: #eef3f1;--primary: #176b5a;--primary-strong: #0e4439;--warning: #9a5b15}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:7px;justify-content:center}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#17211f;color:#f6faf8;padding:24px 18px}.brand{align-items:center;display:flex;gap:12px;margin-bottom:28px}.brand-mark{align-items:center;background:#dceee8;border-radius:8px;color:#123b33;display:inline-flex;font-weight:800;height:38px;justify-content:center;width:38px}.brand-title,.brand-subtitle,.eyebrow,.muted,.metric-card p,.metric-card span{margin:0}.brand-title{font-size:15px;font-weight:800}.brand-subtitle{color:#a9b8b3;font-size:12px;margin-top:3px}.nav-list{display:grid;gap:6px}.nav-link{align-items:center;border-radius:8px;color:#cbd6d2;display:flex;gap:9px;padding:10px 12px;text-decoration:none}.nav-link-active,.nav-link:hover{background:#263632;color:#fff}.sidebar-action{background:transparent;border-radius:8px;color:#cbd6d2;justify-content:flex-start;margin-top:22px;min-height:40px;padding:0 12px;width:100%}.sidebar-action:hover{background:#263632;color:#fff}.main-panel{min-width:0;padding:28px}.page-stack{display:grid;gap:20px}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.page-header h1,.login-panel h1{font-size:28px;letter-spacing:0;line-height:1.2;margin:4px 0 0}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.muted{color:var(--muted);line-height:1.6;margin-top:10px}.secondary-button,.login-form button,.pagination-bar button{background:var(--primary);border-radius:8px;color:#fff;font-weight:700;min-height:40px;padding:0 14px}.secondary-button{background:var(--primary-strong)}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.content-section,.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric-card{display:grid;gap:9px;min-height:132px;padding:18px}.metric-card p,.section-heading span,.split-summary span{color:var(--muted);font-size:13px}.metric-card strong{font-size:32px;letter-spacing:0}.metric-card span,.status-badge{color:var(--warning);font-size:12px;font-weight:700}.metric-card-warning{border-color:#efc783}.content-section{padding:18px}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:17px;letter-spacing:0;margin:0}.status-badge{background:#fff4df;border-radius:999px;padding:5px 9px}.split-summary{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.split-summary div{background:var(--surface-subtle);border-radius:8px;display:grid;gap:8px;padding:14px}.split-summary strong{font-size:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid var(--border);padding:13px 12px;text-align:left;vertical-align:middle}th{background:#f0f4f2;color:#42504c;font-size:13px;font-weight:800}.empty-state{color:var(--muted);padding:28px 0;text-align:center}.pagination-bar{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.pagination-bar span{color:var(--muted);font-size:13px}.state-block{background:#fff;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;padding:18px}.state-block strong{font-size:16px}.state-block p,.form-error{color:var(--warning);line-height:1.55;margin:0}.report-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-panel{min-height:240px}.report-panel-wide{grid-column:1 / -1}.daily-table,.metric-list{display:grid;gap:8px}.daily-row,.metric-row{align-items:center;background:#f4f7f5;border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(120px,1fr) minmax(110px,auto) minmax(110px,auto);min-height:46px;padding:10px 12px}.daily-row span,.metric-row span{color:var(--muted);font-size:13px;text-align:right}.login-page{align-items:center;background:#f5f7f6;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-panel{display:grid;gap:24px;max-width:420px;padding:28px;width:100%}.login-form{display:grid;gap:10px}.login-form label{color:#33413d;font-size:13px;font-weight:800}.login-form input{border:1px solid var(--border);border-radius:8px;min-height:44px;padding:0 12px}.form-error{font-size:13px}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{padding:16px}.brand{margin-bottom:14px}.nav-list{display:flex;overflow-x:auto}.nav-link{flex:0 0 auto;white-space:nowrap}.main-panel{padding:20px 16px}.metric-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-action{margin-top:12px}}@media(max-width:640px){.page-header,.section-heading{align-items:flex-start;flex-direction:column}.metric-grid,.report-grid,.split-summary{grid-template-columns:1fr}.daily-row,.metric-row{align-items:flex-start;grid-template-columns:1fr}.daily-row span,.metric-row span{text-align:left}}