:root{--bg: #f7f7f8;--side: #efeff1;--panel: #ffffff;--ink: #17171a;--muted: #6b6b75;--line: #e2e2e6;--soft: #ececef;--accent: #4f4fe0;--accent-ink: #ffffff;--good: #16a34a;--good-bg: #e8f7ee;--bad: #dc2626;--bad-bg: #fdecec;--warn: #b45309;--warn-bg: #fdf3e1;--info: #4f4fe0;--info-bg: #ececfd;--orange: #f97316;--green: #22c55e;--blue: #6366f1;--shadow: none;color-scheme:light}:root[data-theme=dark]{--bg: #141416;--side: #1c1c1f;--panel: #141416;--ink: #f2f2f3;--muted: #9a9aa3;--line: #2e2e33;--soft: #242428;--accent: #7373f5;--accent-ink: #ffffff;--good: #22c55e;--good-bg: #12291b;--bad: #ef4444;--bad-bg: #2e1515;--warn: #f5b041;--warn-bg: #2e2412;--info: #9d9dfa;--info-bg: #22224a;--shadow: none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.shell{display:flex;min-height:100vh}.side{width:220px;flex-shrink:0;background:var(--side);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px}.brand b{display:block;font-size:14px}.brand small{color:var(--muted);font-size:12px}.mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:9px 10px;border-radius:7px;color:var(--ink);font-weight:600;text-align:left;opacity:.85}.nav button:hover,.nav button.on{background:var(--soft);opacity:1}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:12px 6px 0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.envtag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warn);background:var(--warn-bg);padding:3px 8px;border-radius:99px}.icon{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;border-radius:7px;display:grid;place-items:center}.user{background:var(--soft);padding:5px 10px;border-radius:99px;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;min-width:0;padding:0 28px 32px;max-width:1500px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px;gap:12px}.page-head h1{margin:0;font-size:22px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.kpi{position:relative;border:1px solid var(--line);border-radius:6px;padding:18px 16px 30px;min-height:180px;background:var(--panel);overflow:hidden}.kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line-c)}.kpi-head{display:flex;justify-content:space-between;align-items:center}.kpi-head h3{margin:0;font-size:15px;font-weight:700}.kpi-value{font-family:Manrope,Inter,system-ui,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.02em;margin:18px 0 2px;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere}.kpi-sub{display:flex;align-items:center;gap:6px;font-size:14px}.kpi-extra{font-size:12px;color:var(--muted);margin-top:6px}.info{display:inline-grid;place-items:center;color:var(--muted);cursor:help}.block{margin-bottom:28px}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.block-head h2{margin:0;font-size:17px}.link{border:0;background:none;color:var(--accent);font-weight:600;padding:0}.frame{border:1px solid var(--line);border-radius:6px;background:var(--panel)}.frame.chart{padding:8px 8px 4px 0}.none{text-align:center;color:var(--ink);padding:26px 10px!important}.tbl.flat th{text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);background:var(--panel);padding:12px 14px}.tbl.flat td{padding:12px 14px}.ico{flex-shrink:0;vertical-align:-3px}.filterbar{position:sticky;top:0;z-index:5;display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 14px;background:var(--bg)}.field{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 12px;min-height:36px;display:inline-flex;align-items:center;gap:8px}.field:focus,.field:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.grow{flex:1;min-width:180px}.seg{display:inline-flex;background:var(--soft);border-radius:9px;padding:3px}.seg button{border:0;background:none;padding:5px 12px;border-radius:7px;color:var(--muted);font-weight:600;font-size:13px}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.seg.small button{padding:3px 10px;font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{font-size:12px;font-weight:700;background:var(--soft);padding:3px 10px;border-radius:99px}.daterange{position:relative}.picker{position:absolute;top:44px;left:0;z-index:20;display:flex;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px #0000002e;max-width:calc(100vw - 32px);overflow:hidden}.presets{padding:10px 16px;border-right:1px solid var(--line);min-width:170px}.presets label{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;white-space:nowrap}.presets input[type=radio]{accent-color:var(--accent);margin:0}.presets input[type=number]{width:52px;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.cal{display:flex;flex-direction:column}.calnav{display:flex;justify-content:space-between;padding:10px 14px 0}.calnav button{border:0;background:none;color:var(--muted);font-size:16px;padding:2px 8px;border-radius:6px}.calnav button:hover{background:var(--soft)}.months{display:flex;gap:24px;padding:0 16px 10px;flex-wrap:wrap;margin-top:-26px}.month{width:266px}.mhead{text-align:center;font-weight:700;padding:4px 0 10px}.grid7{display:grid;grid-template-columns:repeat(7,38px);row-gap:2px}.grid7 .dow{text-align:center;color:var(--muted);font-size:12px;padding:4px 0}.grid7 button{border:1px solid transparent;background:none;height:34px;border-radius:8px;font-size:13px}.grid7 button:hover:not(:disabled){background:var(--soft)}.grid7 button.out{color:var(--muted);opacity:.35}.grid7 button.in{background:var(--info-bg);border-radius:0}.grid7 button.edge{background:var(--accent);color:var(--accent-ink);font-weight:700}.grid7 button.today{border-color:var(--accent)}.pfoot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);flex-wrap:wrap}.rangebox{background:var(--soft);border-radius:8px;padding:7px 16px;display:flex;gap:22px;min-width:250px;justify-content:space-between;font-variant-numeric:tabular-nums}.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:8px 18px;font-weight:700}.ghost{background:none;border:0;color:var(--muted);padding:8px 12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.card .label{color:var(--muted);font-size:12px;font-weight:600}.card .value{font-size:24px;font-weight:750;letter-spacing:-.02em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.card .meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);min-height:18px}.delta{font-weight:700;padding:1px 6px;border-radius:6px;background:var(--soft)}.delta.good{color:var(--good);background:var(--good-bg)}.delta.bad{color:var(--bad);background:var(--bad-bg)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:14px;margin-bottom:14px}.grid2.flat{margin:0;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px;min-width:0}.grid2>.panel{margin-bottom:0}.phead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.phead h2{margin:0;font-size:15px}.scroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tbl th{text-align:left;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tbody tr:hover{background:var(--soft)}.tbl .r{text-align:right}.tbl .b{font-weight:700}.tbl.txn{min-width:1150px}.dim{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.neg{color:var(--bad)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;word-break:break-all}.copy{border:0;background:none;color:var(--muted);margin-left:4px;padding:0 4px}.store{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;color:var(--good);background:var(--good-bg)}.store.ios{color:var(--info);background:var(--info-bg)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;margin:1px 4px 1px 0}.badge.good{color:var(--good);background:var(--good-bg)}.badge.bad{color:var(--bad);background:var(--bad-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.info{color:var(--info);background:var(--info-bg)}.share{display:inline-block;width:60px;height:6px;background:var(--soft);border-radius:3px;margin-right:8px;vertical-align:middle;overflow:hidden}.share span{display:block;height:100%;background:var(--accent)}.filterrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px}.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px;color:var(--muted);font-size:13px}.pager span:first-child{margin-right:auto}.note{font-size:12px;color:var(--warn);margin-bottom:8px}.tbl.clickable tbody tr{cursor:pointer}.cust{display:inline-flex;align-items:center;gap:6px}.drawer-wrap{position:fixed;inset:0;background:#00000073;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(620px,100%);height:100%;overflow-y:auto;background:var(--bg);border-left:1px solid var(--line);padding:20px 22px 40px}.drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.drawer-head h2{margin:2px 0 4px;font-size:20px}.book-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin-bottom:18px}.book-stats div{border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.book-stats span{color:var(--muted);font-size:12px}.book-stats b{font-size:15px}.book-h{font-size:14px;margin:18px 0 10px}.subs{display:flex;flex-direction:column;gap:8px}.sub{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.timeline{list-style:none;margin:0;padding:0 0 0 6px}.timeline li{position:relative;padding:0 0 16px 22px;border-left:2px solid var(--line)}.timeline li:last-child{border-left-color:transparent}.timeline .dot{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.timeline .tl-renewal .dot{background:var(--blue)}.timeline .tl-trial_start .dot{background:var(--orange)}.timeline .tl-refund .dot{background:var(--bad)}.timeline .tl-notice .dot{background:var(--muted)}.tl-top{display:flex;justify-content:space-between;gap:10px}.tiny{font-size:11px;margin-top:2px}.empty{padding:48px 16px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:14px}.panel .empty{border:0}.empty.err{color:var(--bad)}.loading,.spinner{height:200px;display:grid;place-items:center}.loading:after,.spinner:after{content:"";width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate{max-width:440px;margin:18vh auto;text-align:center;color:var(--muted)}.gate h1{color:var(--ink)}footer{color:var(--muted);font-size:12px;text-align:center;padding:18px 0 0}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:10px 16px}.nav{flex-direction:row;overflow-x:auto;width:100%;order:3}.nav button{white-space:nowrap}.side-foot{margin:0 0 0 auto;border:0;padding:0;flex-direction:row;align-items:center}.side-foot>.dim{display:none}.content{padding:0 16px 24px}.kpis{grid-template-columns:1fr;gap:12px}.kpi{min-height:0}.grid2{grid-template-columns:1fr}.picker{flex-direction:column;position:fixed;top:60px;left:16px;right:16px;max-height:calc(100vh - 80px);overflow-y:auto}.presets{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.months{margin-top:0}}