:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#14251f;background:#f5f8f6;--ink:#14251f;--muted:#6b7b74;--line:#dce7e1;--surface:#fff;--brand:#0c7c59;--soft:#e5f5ee;--warn:#a66a00;--danger:#bd3c49;--radius:16px}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#10251e;color:#dcebe4;padding:28px 18px}.brand{font-size:24px;font-weight:800;letter-spacing:-.06em;color:#fff}.brand span{color:#65d6a8}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.sidebar .eyebrow{color:#91afa2;margin:30px 10px 12px}nav{display:grid;gap:4px}nav a{color:#b7cec3;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:14px}nav a:hover,nav a.active{background:#1d4437;color:#fff}.main{flex:1;min-width:0}header{height:92px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:18px 38px}.icon{display:none;border:0;background:transparent;font-size:22px}h1{margin:3px 0 0;font-size:27px;letter-spacing:-.04em}.env{margin-left:auto;background:var(--soft);color:var(--brand);padding:9px 12px;border-radius:99px;font-size:11px;font-weight:800}.content{padding:34px 38px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 18px #183d2b08}.metric{font-size:27px;font-weight:800;margin-top:10px}.trend{color:var(--brand);font-size:12px;font-weight:700}.panel{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel h2{font-size:16px;margin:0 0 18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--soft);color:var(--brand);font-size:12px;font-weight:700}.badge.warn{background:#fff4d9;color:var(--warn)}.badge.danger{background:#ffeaed;color:var(--danger)}button.primary{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 15px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:35px}.notice{background:#fff7df;border:1px solid #f2dda6;padding:14px;border-radius:12px;color:#785300;margin-bottom:18px}@media(max-width:800px){.sidebar{position:fixed;z-index:2;inset:0 auto 0 0;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.icon{display:block}.main{width:100%}header{padding:16px 20px}.env{font-size:9px}.content{padding:22px 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{font-size:22px}}