:root{--bg: #f4f1eb;--paper: rgba(255, 255, 255, .94);--paper-strong: #ffffff;--line: rgba(42, 52, 65, .12);--line-strong: rgba(42, 52, 65, .2);--ink: #24303c;--muted: #5c6977;--brand: #c8192e;--brand-dark: #8f1220;--green: #2f855a;--yellow: #c78b14;--red: #d32f2f;--blue: #2563eb;--violet: #8b5cf6;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--shadow-soft: 0 16px 40px rgba(21, 30, 41, .08);--shadow-card: 0 10px 24px rgba(21, 30, 41, .08)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(200,25,46,.08),transparent 28%),radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 22%),linear-gradient(180deg,#f6f1e8,#f3f4f6)}body{margin:0;min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:transparent}img{display:block;max-width:100%}button,input,select{font:inherit}button,select,input{outline:none}.page-shell{width:min(1500px,calc(100vw - 28px));margin:0 auto;padding:16px 0 48px}.hero,.panel,.metric-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{display:flex;justify-content:space-between;gap:28px;padding:22px 24px;border-radius:var(--radius-xl)}.hero__brand{display:flex;align-items:center;gap:22px}.hero__logo{width:clamp(150px,18vw,220px);flex:0 0 auto}.eyebrow,.panel__label,.meta-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--brand)}h1,h2{margin:0;letter-spacing:-.03em}h1{font-size:clamp(2.3rem,5vw,4rem);line-height:.98}h2{font-size:clamp(1.7rem,2.4vw,2.6rem);line-height:1.04}.hero__copy,.panel__hint,.status-message{margin:10px 0 0;color:var(--muted);line-height:1.55}.status-message--error{color:var(--brand-dark);font-weight:700}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.control-pill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#fffc;color:var(--muted);font-weight:700}.control-pill--wide{min-width:min(320px,100%)}.control-pill select,.control-pill input{min-width:110px;border:none;background:transparent;color:var(--ink);font-weight:700}.button{border:none;border-radius:999px;min-height:46px;padding:12px 20px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-1px);background:var(--brand-dark)}.button--ghost{background:#24303c14;color:var(--ink)}.dashboard{display:grid;gap:22px;margin-top:24px}.panel{border-radius:var(--radius-xl);padding:24px}.panel--intro{display:grid;gap:18px}.intro-meta,.metric-grid{display:grid;gap:14px}.intro-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.intro-meta--compact>div{padding:14px 16px}.intro-meta--compact strong{font-size:1.1rem}.intro-meta>div,.metric-card{padding:18px;border-radius:var(--radius-lg);background:var(--paper-strong);border:1px solid var(--line);box-shadow:var(--shadow-card)}.intro-meta strong,.metric-card strong{display:block;margin-top:8px;font-size:1.4rem;letter-spacing:-.03em}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card__label{color:var(--muted)}.metric-card--green{background:#2f855a1f}.metric-card--yellow{background:#c78b1424}.metric-card--red{background:#d32f2f1f}.panel__header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.panel__header--controls{align-items:start}.panel__header-side{display:flex;align-items:center;gap:12px}.panel__controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.info-tooltip{position:relative;flex:0 0 auto}.info-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffffeb;color:var(--ink);font-weight:800;cursor:help}.info-tooltip__content{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,70vw);padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fffffffa;box-shadow:var(--shadow-card);color:var(--ink);line-height:1.45;white-space:pre-line;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease;z-index:10}.info-tooltip:hover .info-tooltip__content,.info-tooltip:focus-within .info-tooltip__content{opacity:1;pointer-events:auto;transform:translateY(0)}.chart{width:100%;height:420px}.chart--lg{height:460px}.chart--quota{height:520px}.chart--xl{height:720px}.timeline-summary{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:14px;color:var(--muted)}.timeline-summary span{padding:8px 12px;border-radius:999px;background:#ffffffd1;border:1px solid var(--line)}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.hero,.panel__header,.panel__header--controls{flex-direction:column;align-items:stretch}.hero__brand{flex-direction:column;align-items:flex-start}.hero__actions,.panel__controls{width:100%}.panel__header-side{width:100%;justify-content:space-between}.metric-grid,.intro-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.chart--xl{height:560px}}@media(max-width:640px){.page-shell{width:min(100vw - 18px,1500px);padding-top:10px}.hero,.panel{padding:18px}.hero__actions,.panel__controls,.metric-grid,.intro-meta{display:grid;grid-template-columns:1fr}.panel__header-side{display:flex}.info-tooltip__content{width:min(320px,calc(100vw - 40px));right:0}.control-pill,.button{width:100%;justify-content:space-between}.chart,.chart--lg,.chart--xl{height:380px}}