:root{--bg: #fcfbf8;--surface: #ffffff;--surface-2: #f1efea;--border: #e3e0d8;--text: #17170f;--muted: #6e6c61;--faint: #a9a599;--accent: #4b6a3c;--accent-ink: #fcfbf8;--accent-sand: #c6a46e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Golos Text,-apple-system,sans-serif}h1,h2,h3{font-family:Golos Text,-apple-system,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0 0 20px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 16px}.brand{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:24px;color:var(--text)}.brand em{font-style:normal;color:var(--accent)}.nav a{display:block;padding:10px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:4px}.nav a.active,.nav a:hover{background:var(--accent);color:var(--accent-ink)}main{padding:32px 40px}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px}a{color:var(--accent)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h2{margin:0}.crumb{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;margin-bottom:12px}.crumb:hover{color:var(--text)}.section{margin-top:32px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h3{margin:0;font-size:14px}.stack{display:flex;flex-direction:column;gap:10px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn{font-family:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:10px 20px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-danger{background:transparent;border-color:var(--border);color:#b5493a}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:6px 14px;font-size:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.input{font-family:inherit;font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;gap:10px;margin-top:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:14px 18px}.row-main{display:flex;flex-direction:column;gap:2px}.row-title{font-weight:700;font-size:14px}.row-meta{color:var(--muted);font-size:12px}.row-actions{display:flex;gap:8px;flex-shrink:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-neutral{background:var(--surface-2);color:var(--muted)}.badge-accent{background:var(--accent);color:var(--accent-ink)}.empty-state{color:var(--muted);font-size:13px;text-align:center;padding:32px 20px}.banner{border-radius:16px;padding:12px 16px;font-size:13px;margin-bottom:16px}.banner-error{background:#fbeae7;color:#9c3a2a;border:1px solid #f0c9c1}table{width:100%;border-collapse:collapse}table th,table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}@font-face{font-family:Geist Mono;src:url(/assets/fonts/geist-mono-regular.ttf) format("truetype");font-weight:400 500;font-display:swap}:root{color-scheme:dark;--bg:#0d0d0d;--surface:#141e29;--surface-2:#1c2b3c;--border:#2c3e50;--text:#ffffff;--muted:#b0bdca;--faint:#8191a2;--accent:#f2c23a;--accent-ink:#0f2a4a;--accent-sand:#f6f1c4}body{font-family:Geist Mono,monospace;font-size:12px;line-height:1.6}h1,h2,h3{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:-.045em;line-height:1.1}h1{font-size:clamp(35px,4vw,64px);margin-bottom:18px}h2{font-size:28px}h3{font-size:21px}a,button,input,select{transition:background-color .15s,color .15s}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#0f2a4a;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:32px 18px}.brand{display:flex;flex-direction:column;align-items:start;gap:20px;text-decoration:none;margin:0 14px 36px}.brand img{width:120px;height:63px;object-fit:contain}.brand span{font:9px Geist Mono,monospace;letter-spacing:1.3px;color:#b7d7ea}.nav a{border-radius:12px;font-size:11px;padding:12px 15px;margin-bottom:6px}.nav a:hover{background:#ffffff12;color:#fff}.nav a.active{background:var(--accent);color:var(--accent-ink)}.sidebar-note{margin-top:auto;padding:28px 14px 0;color:#b7d7ea;font-size:9px;line-height:1.7}.sidebar-note strong{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:22px;color:#fff;font-weight:400;letter-spacing:-.5px}main{padding:42px;min-width:0;max-width:1600px;width:100%}.page-head{align-items:start;margin-bottom:28px;flex-wrap:wrap}.page-description{color:var(--muted);font-size:11px;line-height:1.8;margin-bottom:24px;max-width:720px}.page-head .page-description{margin-bottom:0}.overline{color:var(--muted);font-size:9px;letter-spacing:1.3px;margin-bottom:18px}.card{border-radius:22px;padding:25px}.btn{font-family:Geist Mono,monospace;font-size:10px;padding:13px 19px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.btn-danger{color:#f0a18b}.btn-danger:hover{background:#c45a3b22}.btn-secondary:hover{background:var(--surface-2)}.btn-primary:hover{background:#f6d76c}.input{font-family:Geist Mono,monospace;font-size:12px;padding:12px 14px;border-radius:12px}.field-label{font-size:9px}.row{border-radius:16px;padding:18px 20px}.row-title{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.5px}.row-meta{font-size:10px}.badge{font-size:8px;font-weight:400;padding:6px 10px}.tab{font-family:Geist Mono,monospace;font-size:10px;padding:10px 16px}.tabs{flex-wrap:wrap}.banner-error{background:#c45a3b18;color:#f1b6a6;border-color:#c45a3b66}.banner-error .btn{margin-left:15px}.section-head h3{font-size:21px}.section-head h2{font-size:24px;margin-bottom:0}.section-head a{font-size:10px;text-decoration:none}@media (max-width:1100px){main{padding:28px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}}@media (max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:20px}.brand{flex-direction:row;align-items:center;margin:0 0 20px}.brand img{width:90px;height:48px}.nav{display:flex;gap:6px;overflow-x:auto}.nav a{white-space:nowrap;margin:0;padding:10px 12px}.sidebar-note{display:none}main{padding:24px 18px}.page-head{gap:18px}.dashboard-metrics{gap:10px}.metric-card{padding:18px}.metric-card strong{font-size:50px}.filter-bar{flex-direction:column}.filter-bar select{width:100%}.form-row{grid-template-columns:1fr}.row{align-items:start;flex-wrap:wrap}.row-actions{flex-wrap:wrap}.connection-state{flex-direction:column;align-items:start}.brand-strip{flex-wrap:wrap}table{display:block;overflow-x:auto}.card{padding:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body,.btn,.input,.nav a,.tab{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{font-size:14px}.nav a,.btn{font-size:13px}.input{font-size:14px}.row-meta{font-size:12px}.row-title{font-size:23px}.card,.row,.input,.btn,.tab,.badge,.banner,.sidebar{border:0}.card,.row{background:linear-gradient(130deg,#1d3042cc,#142231d9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.input{background:#ffffff0a}.field-label,.brand span{font-family:Geist Mono,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
