:root{--bg:#f6f2e8;--panel:#fffdf8;--ink:#121212;--muted:#6e675c;--line:#e4dccf;--gold:#f5c800;--dark:#090909;--danger:#9f2f2f;--ok:#286b42}*{box-sizing:border-box}body{background:var(--bg);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}.auth-page{background:radial-gradient(circle at 20% 20%,#f5c80038,#0000 32%),linear-gradient(135deg,#090909 0%,#202020 52%,#f5c800 52% 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(520px,100%);padding:34px;box-shadow:0 28px 80px #00000042}.wide-auth-card{width:min(760px,100%)}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--dark);color:#fff;height:100vh;padding:28px 22px;position:sticky;top:0}.brand{gap:4px;margin-bottom:30px;display:grid}.brand strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:27px}.brand span,.eyebrow,.label,.small{color:var(--muted);font-size:12px}.sidebar .brand span,.sidebar .small{color:#ffffff8c}.nav{gap:8px;display:grid}.nav a,.logout-button{color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 13px;display:flex}.nav a:hover,.logout-button:hover{color:#fff;background:#ffffff14}.main{min-width:0;padding:34px}.topbar,.panel,.metric,.table-card{background:var(--panel);border:1px solid var(--line);border-radius:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:22px 26px;display:flex}h1,h2,h3{letter-spacing:-.04em;margin:0}h1{font-family:Georgia,serif;font-size:clamp(36px,4vw,58px)}h2{font-family:Georgia,serif;font-size:28px}h3{font-size:18px}p{color:var(--muted)}.grid{gap:18px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel,.table-card{padding:22px}.metric strong{margin-top:10px;font-size:32px;display:block}.badge{color:#4c4438;background:#eee7d9;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.badge.ok{color:var(--ok);background:#e2f1e7}.badge.warn{color:#7a5b00;background:#fff3c4}.badge.danger{color:var(--danger);background:#f9dddd}.form{gap:14px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:#302b24;gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;padding:12px 14px}textarea{min-height:90px}.code-block{border:1px solid var(--line);color:#f7f1e5;white-space:pre-wrap;word-break:break-word;background:#121212;border-radius:14px;max-height:360px;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex}.button.gold{background:var(--gold);color:var(--dark)}.button.ghost{color:var(--dark);background:#eee7d9}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.split{grid-template-columns:1fr 360px;align-items:start;gap:18px;display:grid}@media (max-width:1050px){.app,.split,.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-row{grid-template-columns:1fr}.sidebar{height:auto;position:static}}