@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0f1319;--surface:#161b23;--surface2:#1d2430;--border:#242c38;--border-light:#2e3745;--copper:#e8963c;--copper-dim:#8a5a22;--blue:#4fa8de;--green:#5fae7a;--red:#d9634f;--text:#edeff3;--text-dim:#8d95a3;--text-faint:#565f6e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);overscroll-behavior-y:contain;margin:0}::placeholder{color:var(--text-faint)}select{appearance:none}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;padding:22px 14px;display:flex}.topbar-mobile{display:none}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.breadcrumb{border-bottom:1px solid var(--border);height:52px;color:var(--text-faint);align-items:center;gap:8px;padding:0 28px;font-size:12px;display:flex}.content{flex:1;padding:28px 32px;overflow:auto}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.two-col{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-drawer-overlay,.mobile-drawer{display:none}@media (width>=821px){.kpi-grid.kpi-grid-4{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){.sidebar{display:none}.topbar-mobile{display:flex}.content{padding:18px 16px}.breadcrumb{padding:0 16px}.kpi-grid,.two-col,.form-grid,.card-grid{grid-template-columns:1fr}.row-card{flex-direction:column;align-items:flex-start}.row-actions{justify-content:space-between;width:100%}.mobile-drawer-overlay.open{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.mobile-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:41;flex-direction:column;width:260px;padding:20px 14px;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}}