:root{--color-background: #f7f5f2;--color-surface: #ffffff;--color-ink: #1e1e1b;--color-slate: #6b7280;--color-border: #e8e4dd;--color-amber: #f2a22c;--color-amber-surface: #fdf1da;--color-success: #16a34a;--color-critical: #dc2626;--color-data-blue: #2563eb;--font-sans: Geist, Inter, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--radius-card: 18px;--radius-input: 14px;--radius-button: 12px;--shadow-soft: 0 10px 30px rgba(30, 30, 27, .06);--shadow-strong: 0 18px 40px rgba(30, 30, 27, .09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--color-background);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell-page{min-height:100vh;background:radial-gradient(circle at top,rgba(242,162,44,.08),transparent 30%),var(--color-background)}.shell-container{width:min(1180px,calc(100vw - 32px));margin:0 auto}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.kpi-card{padding:20px;display:flex;flex-direction:column;gap:10px}.kpi-eyebrow{color:var(--color-slate);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.kpi-value{font-size:clamp(2rem,4vw,2.8rem);font-weight:500;letter-spacing:-.04em}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:500}.status-pill[data-tone=amber]{background:var(--color-amber-surface);color:#8a5a0d}.status-pill[data-tone=success]{background:#16a34a1f;color:var(--color-success)}.status-pill[data-tone=critical]{background:#dc26261f;color:var(--color-critical)}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:var(--radius-button);border:1px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.app-button:hover{transform:translateY(-1px)}.app-button[data-variant=primary]{background:var(--color-ink);color:var(--color-surface)}.app-button[data-variant=secondary]{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.app-button[data-variant=quiet]{background:transparent;color:var(--color-slate)}.app-input,.app-textarea,.app-select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-ink);min-height:48px;padding:12px 14px}.app-textarea{min-height:120px;resize:vertical}.app-input:focus,.app-textarea:focus,.app-select:focus{outline:2px solid rgba(37,99,235,.16);border-color:var(--color-ink)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.page-title{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.05em}.page-subtitle{margin:0;color:var(--color-slate)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.dashboard-grid>*{grid-column:span 3}.dashboard-grid .span-4{grid-column:span 4}.dashboard-grid .span-6{grid-column:span 6}.dashboard-grid .span-8{grid-column:span 8}.dashboard-grid .span-12{grid-column:1 / -1}.side-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.side-shell__nav{border-right:1px solid var(--color-border);background:#ffffffc2;backdrop-filter:blur(18px);padding:24px 18px}.side-shell__content{padding:24px}.nav-group{margin-top:20px}.nav-group__label{margin-bottom:10px;color:var(--color-slate);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.nav-link{display:block;padding:10px 12px;border-radius:12px;color:var(--color-slate)}.nav-link[data-active=true]{background:#1e1e1b0f;color:var(--color-ink)}.auth-panel{width:min(560px,calc(100vw - 32px));margin:0 auto;padding:32px}.stack{display:flex;flex-direction:column;gap:16px}@media(max-width:980px){.side-shell{grid-template-columns:1fr}.side-shell__nav{border-right:0;border-bottom:1px solid var(--color-border)}.dashboard-grid>*,.dashboard-grid .span-4,.dashboard-grid .span-6,.dashboard-grid .span-8{grid-column:1 / -1}}