:root{--font-sans:"Avenir Next", "Segoe UI", "Trebuchet MS", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--bg:#f6f7f2;--bg-accent:#e8efe9;--surface:#fff;--surface-strong:#eef4f2;--text:#102319;--muted:#4d6659;--primary:#0f766e;--primary-strong:#115e59;--danger:#b91c1c;--warning:#b45309;--border:#ccddd7}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 10% 10%, #dcefe6 0%, transparent 40%), radial-gradient(circle at 90% 20%, #f4ecd3 0%, transparent 35%), linear-gradient(180deg, var(--bg), var(--bg-accent))}a{color:inherit;text-decoration:none}.page-shell{max-width:1300px;margin:0 auto;padding:24px 20px 42px}.card{background:color-mix(in srgb, var(--surface), #f8fffd 26%);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px #1023190d}.grid{gap:14px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px}.metric{font-size:28px;font-weight:700}.input,.select,.textarea,.button{font:inherit;border:1px solid var(--border);border-radius:10px}.input,.select,.textarea{background:#fff;width:100%;padding:10px 12px}.button{cursor:pointer;background:var(--primary);color:#fff;padding:10px 14px;transition:transform .2s,background .2s}.button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:var(--surface-strong);color:var(--text)}.button.danger{background:var(--danger)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 8px;font-size:14px}.badge{border:1px solid var(--border);background:#f8fbfa;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.badge.warn{color:#9a5800;background:#fff7e8;border-color:#f5d9a7}.badge.ok{color:#0f766e;background:#eafaf4;border-color:#b9e7d8}.progress{background:#e7efec;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress>span{background:linear-gradient(90deg,#0f766e,#14b8a6);height:100%;transition:width .25s;display:block}@media (max-width:1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-shell{padding:14px 12px 28px}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}