:root{--bg:#07101d;--panel:#0c1727;--panel2:#101e31;--line:#21324a;--text:#edf6f4;--muted:#8fa4b8;--cyan:#39d9c3;--cyan2:#1aa995;--orange:#ffad66;--red:#ff6b72;--blue:#6ea8ff;--shadow:0 22px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(57,217,195,.12),transparent 32%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}.shell{width:min(1500px,calc(100% - 40px));margin:auto;padding:30px 0 44px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.eyebrow,.panel-kicker{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--cyan)}h1{margin:.28rem 0 0;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.04em}h2{font-size:1.06rem;margin:.16rem 0 0}h3{font-size:.95rem;margin:0 0 .45rem}.freshness{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.78rem}.freshness strong,.freshness span{display:block}.freshness strong{color:var(--text);font-size:.9rem}.pulse{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px rgba(57,217,195,.1)}.notice{display:flex;align-items:center;gap:12px;border:1px solid rgba(57,217,195,.22);background:linear-gradient(90deg,rgba(57,217,195,.11),rgba(57,217,195,.035));padding:12px 16px;border-radius:12px;color:#c9ddd9;margin-bottom:18px}.notice p{margin:0;font-size:.9rem}.notice-mark{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1px solid var(--cyan);border-radius:50%;font-weight:800;color:var(--cyan)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}.range-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#091421}.range-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:7px;font:inherit;font-size:.86rem;cursor:pointer}.range-tabs button:hover,.range-tabs button:focus-visible{color:var(--text);outline:none;background:#142238}.range-tabs button.active{background:var(--cyan);color:#06120f;font-weight:800}.period{font-size:.82rem;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.kpi{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:17px 18px;box-shadow:var(--shadow);min-height:124px}.kpi-label{color:var(--muted);font-size:.82rem}.kpi-value{font-size:clamp(1.55rem,2.5vw,2.2rem);font-weight:800;letter-spacing:-.035em;margin:.34rem 0 .15rem;font-variant-numeric:tabular-nums}.kpi-foot{color:var(--muted);font-size:.75rem}.kpi.accent .kpi-value{color:var(--cyan)}.kpi.warn .kpi-value{color:var(--orange)}.kpi.profit .kpi-value{color:#78eb9b}.grid{display:grid;gap:12px}.main-grid{grid-template-columns:minmax(0,2.3fr) minmax(280px,.7fr);margin-bottom:12px}.account-grid{grid-template-columns:1.35fr .65fr;margin-bottom:12px}.panel{background:linear-gradient(145deg,rgba(16,30,49,.98),rgba(10,21,36,.98));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.72rem}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.legend .income{background:var(--cyan)}.legend .ad{background:var(--orange)}.legend .gift{background:var(--red)}.chart{min-height:300px}.chart svg{width:100%;height:300px;display:block}.chart text{font-family:inherit;fill:var(--muted);font-size:11px}.chart .gridline{stroke:var(--line);stroke-width:1}.chart .area{fill:url(#incomeFill)}.chart .income-line{fill:none;stroke:var(--cyan);stroke-width:2.5}.chart .ad-line{fill:none;stroke:var(--orange);stroke-width:2}.chart .gift-line{fill:none;stroke:var(--red);stroke-width:2}.chart circle{stroke:var(--panel);stroke-width:2}.calibration-list{display:grid;gap:10px}.cal-row{padding:12px 0;border-bottom:1px solid var(--line)}.cal-row:last-child{border-bottom:0}.cal-label{color:var(--muted);font-size:.78rem}.cal-value{font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums}.cal-value.positive{color:#78eb9b}.muted{color:var(--muted);font-size:.76rem}.tag{font-size:.72rem;color:var(--orange);border:1px solid rgba(255,173,102,.28);background:rgba(255,173,102,.08);padding:4px 8px;border-radius:999px;white-space:nowrap}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-card{border:1px solid var(--line);background:#0a1524;border-radius:12px;padding:16px}.account-name{font-weight:800;margin-bottom:12px}.account-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric span{display:block;color:var(--muted);font-size:.72rem}.metric strong{font-size:1.03rem;font-variant-numeric:tabular-nums}.account-bar{height:6px;background:#18283e;border-radius:5px;overflow:hidden;margin-top:15px}.account-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan2),var(--cyan));border-radius:5px}.funnel{display:grid;gap:12px}.funnel-track{height:10px;background:#192a40;border-radius:8px;overflow:hidden}.funnel-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:8px}.funnel-row{display:flex;justify-content:space-between;align-items:baseline}.funnel-row span{color:var(--muted);font-size:.8rem}.funnel-row strong{font-size:1.1rem}.table-panel{padding-bottom:9px}.table-wrap{overflow:auto;margin:0 -18px}.table-wrap table{border-collapse:collapse;width:100%;min-width:1040px;font-size:.8rem}.table-wrap th,.table-wrap td{text-align:right;padding:11px 14px;border-bottom:1px solid rgba(33,50,74,.75);font-variant-numeric:tabular-nums}.table-wrap th{position:sticky;top:0;background:#0d1929;color:var(--muted);font-weight:600;white-space:nowrap}.table-wrap th:first-child,.table-wrap td:first-child{text-align:left;padding-left:18px}.table-wrap tbody tr:hover{background:rgba(57,217,195,.04)}.positive{color:#78eb9b}.negative{color:#ff8a8f}.methodology{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#091421}.methodology summary{cursor:pointer;padding:15px 18px;color:#c9d6e2;font-weight:700}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 18px 18px}.method-grid p{margin:0;color:var(--muted);font-size:.8rem}footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#657d93;font-size:.74rem}
@media(max-width:980px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.account-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.chart-panel{min-width:0}}
@media(max-width:640px){.shell{width:min(100% - 24px,1500px);padding-top:20px}.topbar{align-items:flex-start;flex-direction:column}.freshness{align-self:flex-start}.toolbar{align-items:flex-start;flex-direction:column}.range-tabs{width:100%;overflow:auto}.range-tabs button{flex:1;white-space:nowrap}.kpi-grid{grid-template-columns:1fr}.account-cards{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.panel-head{flex-direction:column}.legend{margin-top:-8px}.chart svg{min-width:650px}.chart{overflow:auto}.notice{align-items:flex-start}footer{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}