:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#182026;--muted:#64727d;--line:#d9e2e7;--paper:#f8faf9;--panel:#fff;--accent:#0f766e;--accent-dark:#134e4a;--warn:#b45309;--blue:#1d4ed8;--red:#b91c1c}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{background:var(--accent);color:#fff;cursor:default;border:0;border-radius:6px;min-height:38px;padding:9px 12px;font-weight:700}a{color:inherit;text-decoration:none}.console-shell,.mobile-shell{min-height:100vh;padding:28px}.console-header,.workspace-grid,.approval-board,.mobile-shell{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;display:grid}.console-header{border-bottom:1px solid var(--line);align-items:stretch;padding-bottom:24px}.eyebrow{color:var(--accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:38px;line-height:1.1}h2{margin-bottom:10px;font-size:22px;line-height:1.2}h3{margin-bottom:8px;font-size:17px}.summary,.muted,.module-card p,.mobile-detail p{color:var(--muted);line-height:1.5}.summary{max-width:820px;font-size:17px}.scope-card,.metric-card,.panel,.phone-frame{background:var(--panel);border:1px solid var(--line);border-radius:8px}.scope-card{min-height:150px;padding:18px;display:grid}.scope-card span,.metric-card span{color:var(--muted);font-size:13px}.scope-card strong,.metric-card strong{color:var(--accent-dark);margin-top:6px;font-size:20px;display:block}.scope-card small,.metric-card small,.approval-item small,.mobile-header small{color:var(--muted);line-height:1.4}.module-tabs{flex-wrap:wrap;gap:8px;padding:18px 0;display:flex}.module-tabs a,.filters span,.coverage-list span,.state-list span,.attendance-modes span{color:var(--accent-dark);background:#eef6f4;border:1px solid #c8ded8;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.kpi-grid,.module-grid,.mobile-card-grid,.quick-grid{gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.metric-card,.panel{padding:18px}.workspace-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);margin-bottom:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.status-chip{color:#334155;white-space:nowrap;background:#edf2f7;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-chip.good{color:#166534;background:#dcfce7}.status-chip.warn{color:var(--warn);background:#fef3c7}.coverage-list,.state-list,.attendance-modes{flex-wrap:wrap;gap:8px;display:flex}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.data-panel{margin-bottom:20px;overflow-x:auto}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.toolbar button:nth-child(2),.approval-item button{color:var(--ink);background:#e2e8f0}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 10px}.data-table th{color:var(--muted);font-size:13px}.muted-row{color:var(--muted)}.approval-list{gap:10px;display:grid}.approval-item{border:1px solid var(--line);border-radius:8px;gap:6px;padding:12px;display:grid}.approval-item span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:700}.phone-frame{border:8px solid #1f2937;border-radius:28px;align-self:start;max-width:420px;min-height:720px;padding:18px;overflow:hidden;box-shadow:0 18px 48px #0f172a2e}.mobile-header{border-bottom:1px solid var(--line);gap:4px;padding-bottom:16px;display:grid}.mobile-header span{color:var(--accent-dark);font-size:12px;font-weight:700}.mobile-header strong{font-size:24px}.punch-card{background:#e6f4f1;border-radius:16px;gap:14px;margin:18px 0;padding:18px;display:grid}.punch-card button{min-height:52px}.attendance-modes{margin-bottom:16px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid button{border:1px solid var(--line);color:var(--ink);background:#f8fafc;min-height:62px}.mobile-detail{gap:18px;display:grid}.mobile-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-panel{border-color:#f59e0b}@media (max-width:980px){.console-header,.workspace-grid,.approval-board,.mobile-shell,.kpi-grid,.module-grid,.mobile-card-grid{grid-template-columns:1fr}.console-shell,.mobile-shell{padding:18px}h1{font-size:30px}.phone-frame{width:100%;min-height:auto;margin:0 auto}}