:root{color-scheme:dark;--bg: #091218;--bg-2: #101b23;--bg-3: #132330;--panel: rgba(16, 28, 37, .88);--panel-strong: rgba(21, 36, 47, .96);--panel-soft: rgba(15, 27, 35, .72);--line: rgba(180, 210, 203, .12);--line-strong: rgba(180, 210, 203, .2);--text: #eef6f3;--muted: #93aaa5;--accent: #d6ff4d;--accent-soft: #93ffd0;--accent-cyan: #54d8ff;--warn: #ffbf5c;--bad: #ff7474;--shadow: 0 30px 80px rgba(0, 0, 0, .38);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--sidebar-width: 312px;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(84,216,255,.14),transparent 28%),radial-gradient(circle at 90% 10%,rgba(214,255,77,.12),transparent 24%),radial-gradient(circle at bottom right,rgba(147,255,208,.08),transparent 22%),linear-gradient(180deg,#061016,#091218)}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}code,pre{font-family:IBM Plex Mono,SFMono-Regular,monospace}.login-shell,.admin-shell{min-height:100vh}.login-shell{padding:28px;display:grid;place-items:center}.login-card{width:min(1040px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:28px;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(135deg,#162732f5,#0a151dfa),linear-gradient(180deg,rgba(214,255,77,.04),transparent);box-shadow:var(--shadow)}.login-card__intro,.login-card__side{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#060c1047}.login-card__intro{display:grid;align-content:space-between;gap:20px;min-height:420px}.login-card__intro h1{max-width:10ch;font-size:clamp(44px,6vw,86px);line-height:.92;letter-spacing:-.05em}.login-card__intro p,.login-card__side p{color:var(--muted);font-size:16px;line-height:1.6}.login-card__side{display:grid;gap:18px;align-content:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:12px;font-weight:700}.eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:currentColor}.form-grid{display:grid;gap:16px}.form-grid--broadcast{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form-grid__wide{grid-column:1 / -1}label{display:grid;gap:8px}label span{color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--text);background:#050b10b8;outline:none}textarea{min-height:156px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d6ff4d73;box-shadow:0 0 0 4px #d6ff4d14}.login-pills{display:flex;flex-wrap:wrap;gap:10px}.login-pills span,.data-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:13px}.primary-button,.ghost-button,.mobile-nav__item,.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer}.primary-button,.ghost-button{border-radius:999px;padding:13px 18px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button:hover,.ghost-button:hover,.mobile-nav__item:hover,.nav-item:hover{transform:translateY(-1px)}.primary-button{color:#0d150d;font-weight:700;background:linear-gradient(135deg,var(--accent),#f4ffbb 60%,#9df4d5)}.primary-button:disabled{opacity:.7;cursor:default;transform:none}.ghost-button{color:var(--text);border:1px solid var(--line);background:#ffffff0d}.ghost-button--small{padding:10px 14px}.admin-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:24px;padding:22px}.sidebar{position:sticky;top:22px;height:calc(100vh - 44px);display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:22px;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(180deg,#111f29f5,#0a141cfa),linear-gradient(180deg,rgba(214,255,77,.06),transparent 24%);box-shadow:var(--shadow)}.sidebar__brand{display:grid;gap:12px}.sidebar__brand h1{font-size:clamp(30px,3vw,42px);line-height:.95;letter-spacing:-.05em}.sidebar__brand p{color:var(--muted);line-height:1.55}.sidebar__panel,.sidebar__footer{padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.sidebar__label{margin-bottom:12px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.nav-list{display:grid;gap:10px}.nav-item{width:100%;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.nav-item--active{border-color:#d6ff4d2e;background:linear-gradient(135deg,#d6ff4d24,#54d8ff14)}.nav-item__index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.12em}.nav-item--active .nav-item__index{color:#08100b;border-color:transparent;background:linear-gradient(135deg,var(--accent),#d9ff98)}.nav-item__content{display:grid;gap:4px}.nav-item__content strong{font-size:15px}.nav-item__content small{color:var(--muted)}.sidebar__footer{display:grid;gap:14px}.sidebar__api{display:grid;gap:6px}.sidebar__api span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.sidebar__api code{overflow-wrap:anywhere;color:#d6eef8;font-size:13px}.content{min-width:0;display:grid;gap:18px;align-content:start}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;border-radius:var(--radius-xl);border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(84,216,255,.1),transparent 24%),linear-gradient(180deg,#12202af5,#0b141bfa);box-shadow:var(--shadow)}.hero__copy{display:grid;gap:12px;max-width:720px}.hero__copy h2{font-size:clamp(34px,4vw,56px);line-height:.96;letter-spacing:-.05em}.hero__copy p{color:var(--muted);font-size:16px;line-height:1.6;max-width:70ch}.hero__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:420px}.hero-chip{min-width:148px;display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.hero-chip span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.mobile-nav{display:none}.filters-bar{display:grid;grid-template-columns:1.1fr 1fr auto;gap:14px;align-items:end}.filters-bar__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filters-bar__presets{display:flex;flex-wrap:wrap;gap:10px}.filters-bar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.banner{padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--line)}.banner--info{background:#54d8ff14}.banner--error{color:#ffd8d8;background:#ff74741f}.banner--demo{color:#e9ffd6;background:#d6ff4d1a}.content-stack{display:grid;gap:18px}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-tile{display:grid;gap:10px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel)}.metric-tile--accent{background:linear-gradient(180deg,#d6ff4d1f,#101c25eb)}.metric-tile--warning{background:linear-gradient(180deg,#ffbf5c1f,#101c25eb)}.metric-tile__label,.metric-tile__note{color:var(--muted)}.metric-tile__label{font-size:13px}.metric-tile__value{font-size:clamp(24px,4vw,36px);letter-spacing:-.04em}.metric-tile__note{font-size:13px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.section-card{min-width:0;padding:22px;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(180deg,#111e27f5,#0b141bfa);box-shadow:var(--shadow)}.section-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.section-card__head h2{font-size:clamp(22px,2vw,30px);line-height:1.05}.section-card__head p{margin-top:6px;color:var(--muted);line-height:1.5}.section-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.period-grid,.bars,.charts-grid,.card-list,.data-list{display:grid;gap:12px}.period-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.period-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.period-card__title{margin-bottom:14px;font-weight:700}.period-card dl{display:grid;gap:10px}.period-card dl div{display:flex;justify-content:space-between;gap:12px}.period-card dt{color:var(--muted)}.bars{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.bar-card{display:grid;gap:10px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.bar-card__graph{height:144px;display:flex;align-items:flex-end}.bar-card__graph span{display:block;width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,var(--accent-cyan),var(--accent))}.bar-card__meta{display:flex;justify-content:space-between;gap:10px}.bar-card small{color:var(--muted)}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.data-row__main{display:grid;gap:4px;min-width:0}.data-row__main strong{font-size:15px}.data-row__main span,.data-row__meta,.data-row__right{color:var(--muted);font-size:13px}.data-row__meta,.data-row__right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.data-row__right strong{color:var(--text)}.toggle-line{display:inline-flex;align-items:center;gap:12px;color:var(--text);min-height:52px}.toggle-line input{width:18px;height:18px;margin:0;accent-color:var(--accent);box-shadow:none}.toggle-line span{color:var(--text);font-size:14px}.chart-card{display:grid;gap:14px;padding:18px;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0d,#ffffff06)}.chart-card__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chart-card__title-wrap{display:grid;gap:4px}.chart-card__title-wrap span,.chart-card__footer{color:var(--muted);font-size:13px}.chart-card__stat{display:grid;gap:4px;justify-items:end;text-align:right}.chart-card__stat span{color:var(--muted);font-size:12px}.chart-card__stat strong{font-size:18px;color:var(--text)}.chart-frame{display:grid;gap:12px}.chart-svg{width:100%;height:220px;overflow:visible}.chart-svg--tall{height:320px}.chart-grid-line{stroke:#ffffff14;stroke-width:1;shape-rendering:crispEdges}.chart-axis-line{stroke:#ffffff29;stroke-width:1;shape-rendering:crispEdges}.chart-axis-label{fill:var(--muted);font-size:11px}.chart-axis-label--x{font-size:10px}.chart-hover-band{fill:transparent;cursor:pointer}.chart-area{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.chart-crosshair{stroke:#ffffff38;stroke-width:1;stroke-dasharray:4 6}.chart-point{transition:r .16s ease,filter .16s ease}.chart-point--active{filter:drop-shadow(0 0 10px rgba(220,255,72,.4))}.chart-value-pill{fill:#070e12eb;stroke:#ffffff1f}.chart-value-pill__text{fill:var(--text);font-size:11px;font-weight:700}.chart-tooltip{display:grid;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.chart-tooltip--inline{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.chart-tooltip__title{color:var(--text);font-size:13px;font-weight:700}.chart-tooltip__row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.chart-tooltip__row strong{color:var(--text);font-size:14px}.stacked-bars-wrap{display:grid;gap:16px}.stacked-bars__head{display:grid;gap:10px}.stacked-bars__hint{color:var(--muted);font-size:13px;line-height:1.5}.stacked-bars__legend{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:13px}.stacked-bars__legend span{display:inline-flex;align-items:center;gap:8px}.stacked-chart__bar{stroke:#ffffff0f;stroke-width:1}.stacked-chart__bar--only{fill:#ffffff24}.stacked-chart__bar--paid{fill:url(#stacked-paid-gradient)}.stacked-chart__focus{fill:transparent;stroke:#dcff4899;stroke-width:1.5;pointer-events:none}.stacked-chart__value{fill:var(--text);font-size:11px;font-weight:700}.segments-chart{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:center}.segments-chart__ring-wrap{display:flex;justify-content:center}.segments-chart__ring{width:220px;height:220px;padding:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.segments-chart__inner{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);text-align:center}.segments-chart__eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px;max-width:120px}.segments-chart__inner strong{font-size:46px;line-height:1}.segments-chart__inner small{color:var(--muted);font-size:13px}.segments-chart__meta{display:grid;gap:16px}.segments-chart__legend{display:grid;gap:12px}.segments-chart__legend div{display:flex;align-items:center;gap:10px;color:var(--muted)}.segments-chart__legend strong{color:var(--text)}.segments-chart__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segments-chart__stat-card{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.segments-chart__stat-card span{color:var(--muted);font-size:12px}.segments-chart__stat-card strong{font-size:20px;color:var(--text)}.segments-chart__dot{width:12px;height:12px;border-radius:50%;flex:none}.segments-chart__dot--paid{background:var(--accent)}.segments-chart__dot--only{background:#ffffff3d}.table-shell{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md)}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#ffffff08;color:var(--muted);font-weight:500;position:sticky;top:0}td strong{display:block}td small{color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:12px;text-transform:lowercase}.badge--ok{color:#0c170d;background:linear-gradient(135deg,#d6ff4d,#adff9e);border-color:transparent}.badge--warn{background:#ffbf5c26}.badge--bad{background:#ff747429}.badge--muted{color:var(--muted);background:#ffffff0a}.card-list{display:none}.entity-card{display:grid;gap:12px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.entity-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.entity-card__sub{color:var(--muted);font-size:13px}.entity-card__actions{display:flex;flex-wrap:wrap;gap:10px}.entity-card__body{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#ffffff08}.entity-card__body p{color:var(--text);line-height:1.6;white-space:pre-wrap}.entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.entity-grid div{display:grid;gap:4px}.entity-grid span{color:var(--muted);font-size:12px}.progress-line{position:relative;width:100%;height:10px;overflow:hidden;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.progress-line__bar{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));box-shadow:0 0 18px #d6ff4d38}.inline-alert{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,116,116,.18);background:#ff747414;color:#ffdada;font-size:13px}.empty-state{display:grid;gap:8px;place-items:center;padding:44px 18px;border-radius:var(--radius-md);border:1px dashed var(--line-strong);color:var(--muted);text-align:center}.system-subgrid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px}.system-facts{display:grid;gap:12px}.system-facts div{display:grid;gap:4px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08}.system-facts span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.code-box{margin:0;min-height:280px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#050a0ea3;overflow:auto;color:#d7f5ff;font-size:13px}@media (max-width: 1240px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto auto auto}.nav-list,.overview-grid,.system-subgrid,.charts-grid,.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-bar{grid-template-columns:1fr;align-items:stretch}.form-grid--broadcast{grid-template-columns:1fr}.filters-bar__actions{justify-content:flex-start}}@media (max-width: 860px){.login-shell,.admin-shell{padding:14px}.login-card{grid-template-columns:1fr;padding:18px}.login-card__intro{min-height:auto}.sidebar{gap:14px;padding:16px}.sidebar__panel{display:none}.hero{padding:20px;display:grid}.hero__controls{justify-content:flex-start;max-width:none}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-nav__item{padding:14px 12px;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;color:var(--text)}.mobile-nav__item--active{border-color:#d6ff4d33;background:linear-gradient(135deg,#d6ff4d24,#54d8ff14)}.overview-grid,.hero-metrics,.system-subgrid,.charts-grid,.segments-chart,.entity-grid{grid-template-columns:1fr}.section-card,.hero{padding:18px;border-radius:22px}.table-shell{display:none}.card-list{display:grid;margin-top:4px}.data-row{grid-template-columns:1fr;justify-items:start}.data-row__meta,.data-row__right{justify-content:flex-start}.segments-chart{justify-items:center}.segments-chart__legend{width:100%}.segments-chart__stats,.chart-tooltip--inline{grid-template-columns:1fr}}@media (max-width: 540px){.hero__copy h2{font-size:32px}.login-card__intro h1{font-size:44px}.mobile-nav,.filters-bar__dates{grid-template-columns:1fr}.hero-chip,.primary-button,.ghost-button,.filters-bar__actions .data-pill{width:100%}.sidebar__footer{grid-template-columns:1fr}.chart-card__head{flex-direction:column;align-items:flex-start}.chart-card__stat{justify-items:start;text-align:left}}