:root{--bg:#f4f5f7;--panel:#fff;--ink:#111214;--muted:#6d7178;--line:#e3e5e8;--dark:#0c0d0f;--accent:#2563eb;--danger:#b42318;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}.eyebrow{letter-spacing:.2em;color:#777c84;margin:0 0 8px;font-size:10px;font-weight:800}.brand-mark{color:#fff;letter-spacing:-.08em;background:#0b0c0e;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.brand-mark.small{border-radius:12px;width:38px;height:38px}.auth-shell{background-image:linear-gradient(#e8eaed 1px,#0000 1px),linear-gradient(90deg,#e8eaed 1px,#0000 1px);background-size:40px 40px;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:28px;width:min(440px,100%);padding:32px;box-shadow:0 30px 90px #0e121817}.auth-card h1{letter-spacing:-.04em;margin:18px 0 8px;font-size:34px}.form-stack{gap:14px;margin-top:24px;display:grid}.form-stack label,.field{color:#34373b;gap:7px;font-size:12px;font-weight:700;display:grid}.form-stack input,.form-stack select,.form-stack textarea,.field input,.field select,.field textarea{border:1px solid var(--line);color:#111;background:#fafafa;border-radius:12px;outline:none;padding:12px 13px}.form-stack input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#9db8ff;box-shadow:0 0 0 3px #e8efff}.button{appearance:none;border:1px solid var(--line);color:#111;cursor:pointer;background:#fff;border-radius:12px;padding:11px 14px;font-weight:800}.button.primary{color:#fff;background:#0d0e10;border-color:#0d0e10}.button.blue{background:var(--accent);color:#fff;border-color:var(--accent)}.button.danger{color:var(--danger)}.button.small{border-radius:9px;padding:7px 10px;font-size:12px}.text-button{color:#d9dce1;cursor:pointer;background:0 0;border:0;padding:0}.alert{color:#9d1c15;background:#fff1f0;border:1px solid #ffd7d4;border-radius:12px;margin-top:16px;padding:10px 12px;font-size:13px}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0c0d0f;border-right:1px solid #191b1f;flex-direction:column;height:100vh;padding:20px 15px;display:flex;position:sticky;top:0}.side-brand{align-items:center;gap:11px;padding:6px 5px 22px;display:flex}.side-brand strong{font-size:14px;display:block}.side-brand span{color:#7e838c;margin-top:3px;font-size:10px;display:block}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:#b9bdc5;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.sidebar nav a:hover{color:#fff;background:#17191d}.side-foot{color:#7f858e;border-top:1px solid #1d2025;gap:7px;margin-top:auto;padding:16px 10px 4px;font-size:10px;display:grid}.main-shell{min-width:0;padding:30px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.05em;margin:0 0 8px;font-size:36px}.page-head p{margin:0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0;padding:16px}.stat-card span{color:var(--muted);font-size:11px;font-weight:700;display:block}.stat-card strong{letter-spacing:-.04em;margin-top:8px;font-size:27px;display:block}.stat-card small{color:#8a8f97;margin-top:4px;font-size:9px;display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:20px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-body{padding:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#71767e;letter-spacing:.08em;text-transform:uppercase;background:#fafbfc;font-size:10px}th,td{vertical-align:top;border-bottom:1px solid #eceef0;padding:12px 14px}tr:last-child td{border-bottom:0}.pill{border:1px solid var(--line);background:#fafafa;border-radius:99px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.pill.active{color:#246b35;background:#ebf7ee;border-color:#cdebd3}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}.help{color:#7c8189;font-size:10px;line-height:1.5}.code-box{color:#e8eaed;background:#0c0d0f;border-radius:12px;padding:14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.empty{text-align:center;color:#7b8088;padding:32px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px}.modal-backdrop{z-index:50;background:#0000006b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(720px,100%);max-height:88vh;overflow:auto;box-shadow:0 30px 100px #00000040}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.modal-head h3{margin:0}.modal-body{padding:18px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.install-card{color:#fff;background:#0d0f12;border-radius:16px;padding:18px}.install-card .code-box{background:#111319;border:1px solid #252932}.metric-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.metric-line:last-child{border-bottom:0}@media (max-width:1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{display:flex;overflow:auto}.side-foot{display:none}.main-shell{padding:18px}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.main-shell{padding:14px}.page-head{display:block}.page-actions{margin-top:14px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.page-head h1{font-size:30px}}
