:root{--ink: #201d18;--ink-2: #433e35;--ink-3: #6f6758;--ink-4: #a39a89;--paper: #f6f4ef;--panel: #ffffff;--hairline: #e7e2d8;--hairline-soft: #f0ede5;--ember: #d8744a;--ember-deep: #c05f37;--sidebar: #201d18;--sidebar-ink: #f3efe6;--sidebar-ink-dim: #9d9587;--good: #0f9670;--danger: #c23a3a;--s-pv: #4c7ce0;--s-login: #2f9e8f;--s-signup: #8a63d2;--s-paid: #d8744a;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:22px 0 14px;position:sticky;top:0;height:100vh}.sidebar .wordmark{font-family:var(--font-serif);font-weight:700;font-size:17px;letter-spacing:1px;padding:0 20px 4px}.sidebar .wordmark em{font-style:italic;font-size:10.5px;font-weight:600;letter-spacing:3px;color:var(--sidebar-ink-dim);display:block;margin-bottom:3px;text-transform:uppercase}.sidebar nav{margin-top:22px;display:flex;flex-direction:column;gap:2px;padding:0 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;border-radius:var(--r-md);background:none;color:var(--sidebar-ink-dim);font-size:13.5px;text-align:left;text-decoration:none;transition:background .12s,color .12s}.nav-item:hover{color:var(--sidebar-ink);background:#ffffff0d}.nav-item.active{color:var(--sidebar-ink);background:#ffffff14;box-shadow:inset 3px 0 0 var(--ember)}.nav-sep{margin:14px 20px 10px;border:none;border-top:1px solid rgba(255,255,255,.1)}.nav-label{padding:0 22px 6px;font-size:10px;letter-spacing:2px;color:var(--sidebar-ink-dim)}.sidebar .foot{margin-top:auto;padding:12px 20px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;color:var(--sidebar-ink-dim);display:flex;flex-direction:column;gap:8px}.sidebar .foot .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-ghost-dark{background:none;border:1px solid rgba(255,255,255,.18);color:var(--sidebar-ink-dim);border-radius:var(--r-sm);padding:5px 10px;font-size:11.5px;align-self:flex-start}.btn-ghost-dark:hover{color:var(--sidebar-ink);border-color:#ffffff59}.content{flex:1;min-width:0;padding:26px 30px 48px;max-width:1240px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-title{font-family:var(--font-serif);font-size:21px;font-weight:700}.page-sub{font-size:12px;color:var(--ink-4);margin-top:3px}.chip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{padding:5px 13px;font-size:12.5px;border-radius:999px;border:1px solid var(--hairline);background:var(--panel);color:var(--ink-2);transition:border-color .12s,background .12s}.chip:hover{border-color:var(--ink-4)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--sidebar-ink)}.date-input{padding:4px 8px;border:1px solid var(--hairline);border-radius:var(--r-sm);font-size:12.5px;background:var(--panel);color:var(--ink-2)}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-lg)}.tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px;margin-bottom:14px}.tile{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:13px 15px 9px;text-align:left;transition:border-color .12s,box-shadow .12s;position:relative}.tile.clickable:hover{border-color:var(--ink-4)}.tile.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.tile .t-label{font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:6px}.tile .t-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.tile .t-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;margin-top:4px;line-height:1.1}.tile .t-sub{font-size:11px;color:var(--ink-4);margin-top:2px;min-height:14px}.tile .t-spark{margin-top:6px;height:26px}.funnel{padding:16px 20px 14px;margin-bottom:14px}.funnel .f-title{font-size:12px;color:var(--ink-3);letter-spacing:1px;margin-bottom:12px}.funnel .f-title b{font-family:var(--font-serif);font-size:13.5px;color:var(--ink);letter-spacing:0;margin-right:8px}.f-track{display:flex;align-items:stretch;gap:0}.f-stage{flex:1;min-width:0;position:relative;padding:8px 12px 10px;border-top:1px solid var(--hairline)}.f-stage:before{content:"";position:absolute;top:-1px;left:0;height:3px;width:var(--fill, 0%);background:var(--ink);transition:width .5s ease}.f-stage .f-name{font-size:11.5px;color:var(--ink-3)}.f-stage .f-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600;margin-top:2px}.f-stage .f-rate{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);margin-top:2px}.f-stage .f-rate.strong{color:var(--ember-deep);font-weight:600}.chart-card{padding:16px 20px 12px;margin-bottom:14px;position:relative}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.chart-title{font-size:13px;font-weight:600;color:var(--ink-2)}.chart-hint{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.bucket-select{padding:3px 7px;font-size:11.5px;border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--ink-3);background:var(--panel)}.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--sidebar-ink);font-family:var(--font-mono);font-size:11px;padding:5px 9px;border-radius:var(--r-sm);white-space:nowrap;transform:translate(-50%,-100%);z-index:5}.table-card{overflow:hidden;margin-bottom:14px}.table-tabs{display:flex;align-items:center;gap:2px;padding:0 14px;border-bottom:1px solid var(--hairline)}.table-tab{padding:11px 13px;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-3);font-size:13px}.table-tab:hover{color:var(--ink)}.table-tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ember)}.table-meta{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{padding:9px 14px;text-align:left;font-size:10.5px;font-weight:500;letter-spacing:1px;color:var(--ink-4);border-bottom:1px solid var(--hairline);white-space:nowrap}table.data td{padding:8px 14px;border-bottom:1px solid var(--hairline-soft);color:var(--ink-2);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data td.time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px;white-space:nowrap;font-weight:500}table.data td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.data td.dim{color:var(--ink-4)}table.data td.clip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-row{padding:34px;text-align:center;color:var(--ink-4);font-size:12.5px}.table-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--hairline)}.btn-page{font-size:12px;padding:4px 12px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--ink-2)}.btn-page:disabled{color:var(--ink-4);cursor:default}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar);padding:20px}.login-card{width:360px;max-width:100%;background:var(--panel);border-radius:var(--r-lg);padding:30px 28px 26px}.login-card .wordmark{font-family:var(--font-serif);font-weight:700;font-size:19px;margin-bottom:2px}.login-card .wordmark em{display:block;font-style:italic;font-size:10px;font-weight:600;letter-spacing:3px;color:var(--ink-4);margin-bottom:4px;text-transform:uppercase}.login-card .desc{font-size:12px;color:var(--ink-3);margin-bottom:20px}.field{margin-bottom:12px}.field label{display:block;font-size:11.5px;color:var(--ink-3);margin-bottom:5px}.field input{width:100%;padding:9px 11px;border:1px solid var(--hairline);border-radius:var(--r-md);font-size:13.5px;background:var(--panel);color:var(--ink)}.field input:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:transparent}.btn-primary{width:100%;padding:10px;border:none;border-radius:var(--r-md);background:var(--ember);color:#fff;font-size:14px;font-weight:600;margin-top:6px}.btn-primary:hover{background:var(--ember-deep)}.btn-primary:disabled{opacity:.6;cursor:default}.login-err{font-size:12px;color:var(--danger);margin-top:10px;min-height:16px}.denied{text-align:center}.spin{width:26px;height:26px;border:3px solid var(--hairline);border-top-color:var(--ember);border-radius:50%;animation:spin .8s linear infinite;margin:80px auto}@keyframes spin{to{transform:rotate(360deg)}}.err-band{padding:12px 16px;color:var(--danger);font-size:12.5px;margin-bottom:14px}@media(max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:10px 14px;gap:8px}.sidebar .wordmark{padding:0;font-size:14px}.sidebar .wordmark em{display:none}.sidebar nav{margin:0 0 0 10px;flex-direction:row;padding:0}.nav-item.active{box-shadow:inset 0 -2px 0 var(--ember)}.nav-sep,.nav-label,.sidebar .foot .who{display:none}.sidebar .foot{margin:0 0 0 auto;padding:0;border:none}.content{padding:18px 14px 40px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}