:root{--c-brand: #2f5597;--c-brand-ink: #1f3864;--c-brand-soft: #ddebf7;--c-auto: #7f7f7f;--c-goal: #ffd43b;--c-goal-soft: #fff6cc;--c-ok: #1e7b34;--c-ok-soft: #c6efce;--c-warn: #9c5700;--c-warn-soft: #ffeb9c;--c-bad: #9c0006;--c-bad-soft: #ffc7ce;--c-bg: #f4f6fa;--c-surface: #ffffff;--c-ink: #1b2330;--c-muted: #5b6575;--c-line: #dde3ec;--radius: 12px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 2px 8px rgb(16 24 40 / 6%);--tap: 44px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg: #0f141c;--c-surface: #18202b;--c-ink: #e7ecf3;--c-muted: #a3adbd;--c-line: #2a3442;--c-brand-soft: #1d2c46}}:root[data-theme=dark]{--c-bg: #0f141c;--c-surface: #18202b;--c-ink: #e7ecf3;--c-muted: #a3adbd;--c-line: #2a3442;--c-brand-soft: #1d2c46}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--c-bg);color:var(--c-ink);line-height:1.45}a{color:var(--c-brand)}.shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px max(16px,env(safe-area-inset-left));background:var(--c-brand-ink);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--c-brand)}.badge{padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.badge-demo{background:var(--c-goal);color:#3a2c00}.content{max-width:1280px;margin:0 auto;padding:16px}.panel{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.notice{padding:10px 14px;border-radius:10px;background:var(--c-goal-soft);color:#3a2c00}.notice-error{background:var(--c-bad-soft);color:var(--c-bad)}.muted{color:var(--c-muted)}.section-title{margin:24px 0 12px;font-size:1.05rem;color:var(--c-muted);font-weight:650}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.card{display:flex;align-items:center;gap:14px;min-height:88px;padding:14px;background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.card-icon{flex:0 0 56px;height:56px;border-radius:10px;background:var(--c-brand)}.card-icon-stage{background:var(--c-auto)}.card-title{color:var(--c-muted);font-size:.95rem}.card-value{font-size:1.9rem;font-weight:750;font-variant-numeric:tabular-nums}.table{width:100%;border-collapse:collapse;background:var(--c-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--c-line);text-align:left}.table th{background:var(--c-brand);color:#fff;font-weight:600}.num{text-align:right!important;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.loading{padding:48px 16px;text-align:center;color:var(--c-muted)}.small{font-size:.85rem}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.user{display:inline-flex;align-items:center;gap:6px;font-size:.95rem}.badge-soft{background:#ffffff24;color:#fff;font-weight:600}.badge-warn{background:var(--c-warn-soft);color:var(--c-warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border:0;border-radius:10px;font:inherit;font-weight:650;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--c-brand);color:#fff}.btn-ghost{background:transparent;color:inherit;border:1px solid rgb(255 255 255 / 35%)}.btn:focus-visible,input:focus-visible{outline:3px solid var(--c-goal);outline-offset:2px}.login{min-height:100dvh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,var(--c-brand-ink),var(--c-brand))}.login-card{width:min(100%,420px);display:grid;gap:16px;padding:28px 24px;background:var(--c-surface);border-radius:16px;box-shadow:0 20px 50px #00000040}.login-brand{display:flex;align-items:center;gap:14px}.login-brand h1{margin:0;font-size:1.4rem}.login-brand p{margin:0}.login-brand .brand-mark{color:#fff;width:44px;height:44px}.field{display:grid;gap:6px;font-weight:600}.field input{min-height:var(--tap);padding:0 12px;border:1px solid var(--c-line);border-radius:10px;font:inherit;font-size:1rem;background:var(--c-surface);color:var(--c-ink)}.check{display:flex;align-items:center;gap:10px;min-height:var(--tap)}.check input{width:22px;height:22px}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.kpi{position:relative;display:grid;gap:4px;padding:14px 16px 16px;background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--c-line)}.kpi-ok{border-top-color:var(--c-ok)}.kpi-bad{border-top-color:var(--c-bad)}.kpi-nogoal{border-top-color:var(--c-goal)}.kpi-nodata{border-top-color:var(--c-auto)}.kpi-name{margin:0;font-size:.95rem;color:var(--c-muted);font-weight:600}.kpi-value{margin:0;display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:750;font-variant-numeric:tabular-nums}.kpi-restricted .kpi-value{font-size:1.15rem;color:var(--c-muted)}.kpi-meta{margin:0;font-size:.85rem;color:var(--c-muted)}.kpi-warn{margin:4px 0 0;font-size:.8rem;color:var(--c-warn)}.pill{justify-self:start;margin-top:6px;padding:3px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.pill-ok{background:var(--c-ok-soft);color:#0b4d1e}.pill-bad{background:var(--c-bad-soft);color:var(--c-bad)}.pill-nogoal{background:var(--c-goal-soft);color:#6b4e00}.pill-nodata{background:#eceff3;color:#4a5361}.stat{display:flex;align-items:center;gap:16px;min-height:96px;padding:14px;background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-icon{flex:0 0 64px;height:64px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--c-brand);box-shadow:0 3px 8px #0000001f}.tone-brand .stat-icon{background:#1a8fb0}.tone-neutral .stat-icon{background:#6c757d}.tone-info .stat-icon{background:var(--c-brand)}.tone-ok .stat-icon{background:#2e9b47}.tone-warn .stat-icon{background:#f0b400;color:#3a2c00}.tone-bad .stat-icon{background:#d63745}.stat-title{margin:0;font-size:1rem;font-weight:600;color:var(--c-ink)}.stat-value{margin:2px 0 0;font-size:1.9rem;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.stat-detail{margin:2px 0 0;font-size:.82rem;color:var(--c-muted)}.cards-compact .stat{min-height:76px}.cards-compact .stat-icon{flex-basis:48px;height:48px}.cards-compact .stat-value{font-size:1.5rem}@media(min-width:1024px){.kpis,.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.topbar .user span{display:none}}