:root{color-scheme:light;--bg: #f4f6f1;--bg-accent: #dce9de;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--surface-critical: rgba(255, 241, 236, .95);--border: rgba(23, 46, 31, .12);--text: #112018;--muted: #5d6f62;--brand: #0f6f5c;--brand-dark: #0a493d;--critical: #ab4839;--shadow: 0 24px 60px rgba(17, 32, 24, .08)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Noto Sans KR,sans-serif;background:radial-gradient(circle at top left,rgba(206,230,209,.85),transparent 36%),radial-gradient(circle at bottom right,rgba(250,208,182,.45),transparent 28%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 100%);color:var(--text)}button,input,select{font:inherit}button{border:0;border-radius:999px;background:var(--brand);color:#fff;padding:.8rem 1.25rem;cursor:pointer;transition:transform .12s ease,background .12s ease}button:hover{transform:translateY(-1px);background:var(--brand-dark)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-secondary{background:#11201814;color:var(--text)}.app-shell,.dashboard-shell{min-height:100vh;padding:2rem}.app-shell{max-width:900px;margin:0 auto;display:grid;gap:1.5rem;align-content:center}.dashboard-shell{max-width:1440px;margin:0 auto;display:grid;gap:1.5rem}.hero-banner,.panel,.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-banner{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:2rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,#0f6f5c24,#ffffffad),var(--surface-strong)}.hero-banner h1,.toolbar-row h2,.panel h2{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.03em}.eyebrow{margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:var(--brand-dark)}.hero-copy,.panel p,.toolbar-row p,.signed-out-panel p{margin:.5rem 0 0;color:var(--muted);line-height:1.55}.toolbar-row{display:flex;justify-content:space-between;align-items:end;gap:1rem}.panel{border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:1.25rem}.panel-critical{background:var(--surface-critical)}.panel-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.signed-out-panel{text-align:center}.metrics-grid,.breakdown-grid{display:grid;gap:1rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{border:1px solid var(--border);border-radius:24px;background:var(--surface-strong);padding:1.2rem}.metric-card p{margin:0;color:var(--muted)}.metric-card strong{display:block;margin-top:.45rem;font-size:clamp(1.6rem,4vw,2.4rem);font-family:Space Grotesk,IBM Plex Sans,sans-serif}.metric-card-accent{background:linear-gradient(140deg,#0f6f5c21,#fffffff5)}.filters-grid,.onboarding-grid,.inline-form{display:grid;gap:1rem}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}.inline-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}label{display:grid;gap:.4rem}label span{font-size:.92rem;color:var(--muted)}input,select{width:100%;border:1px solid rgba(17,32,24,.14);border-radius:16px;background:#ffffffeb;color:var(--text);padding:.8rem .95rem}.filters-actions{display:flex;gap:.75rem;flex-wrap:wrap}.timeseries-list,.stack-list{display:grid;gap:.85rem}.timeseries-row,.stack-row{border:1px solid var(--border);border-radius:18px;background:#ffffffc7;padding:.95rem 1rem}.timeseries-row header,.timeseries-row footer,.stack-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.timeseries-bar-track{margin:.8rem 0;height:.7rem;border-radius:999px;background:#0f6f5c1f;overflow:hidden}.timeseries-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0f6f5c,#2e9d84)}.stack-row p,.stack-row strong{margin:0}.stack-metrics{display:flex;gap:.75rem;color:var(--muted);flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem .65rem;border-bottom:1px solid rgba(17,32,24,.08);vertical-align:top}th{color:var(--muted);font-weight:600}.status-note,.error-banner,.loading-note,.empty-state{color:var(--muted)}.error-banner{color:var(--critical)}.secret-banner{display:grid;gap:.5rem;padding:.9rem 1rem;border-radius:18px;background:#0f6f5c14}code{display:inline-block;overflow-wrap:anywhere;font-family:IBM Plex Mono,SFMono-Regular,monospace}@media(max-width:720px){.app-shell,.dashboard-shell{padding:1rem}.hero-banner{grid-template-columns:1fr}.toolbar-row{align-items:start;flex-direction:column}}