:root{color-scheme:dark;--bg:#1c1e22;--panel:#26292e;--edge:#3a3e45;--ink:#f3f3ed;--muted:#b1b4bb;--yellow:#f5d547;--black:#111215;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff02 1px,transparent 1px),linear-gradient(#ffffff02 1px,transparent 1px);background-size:48px 48px;z-index:-1}
aside{width:230px;background:var(--black);color:var(--ink);position:fixed;inset:0 auto 0 0;padding:34px 20px;display:flex;flex-direction:column;border-right:1px solid #34363c}
aside::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:repeating-linear-gradient(125deg,var(--yellow) 0 8px,#1a1b1e 8px 16px);opacity:.8}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:16px;font-weight:750;letter-spacing:1px}
.brand small{display:block;font:10px/1.7 var(--mono);letter-spacing:2.5px;color:#aaadb4}
.mark{background:var(--yellow);color:#111215;border-radius:4px;width:42px;height:42px;display:grid;place-items:center;font-size:28px;letter-spacing:-4px;padding-right:4px;box-shadow:0 0 24px #f5d5470c}
.nav-label{font:10px var(--mono);letter-spacing:2px;color:#92959e;margin:42px 14px 15px}
nav a{display:flex;gap:12px;color:#b8bbc2;text-decoration:none;padding:12px 14px;border-radius:4px;margin-bottom:5px;font-size:14px;border:1px solid transparent;position:relative}
nav a[aria-current=page]{color:var(--yellow);background:#f5d5470c;border-color:#f5d54726}
nav a[aria-current=page]::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;background:var(--yellow)}
nav a:hover{background:#24262b;color:#fff}
nav a span{width:20px;text-align:center;color:#858994}
nav a[aria-current=page] span{color:var(--yellow)}
.aside-footer{margin-top:auto;font:11px/1.6 var(--mono);padding:20px 10px 4px;color:#d0d2d7}
.aside-footer small{display:block;padding-left:15px;color:#989ba5;font-size:10px}
.dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:1px;margin-right:8px;box-shadow:0 0 8px #f5d54725}
main{margin-left:230px;padding:0 42px;max-width:1600px}
header{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35383e;gap:15px}
.breadcrumb{font:12px var(--mono);color:#b6b9c1}
.breadcrumb span{margin:0 12px;color:#626770}
button{font:12px var(--mono);background:#2b2e34;color:var(--ink);border:1px solid #535862;border-radius:4px;padding:10px 15px;cursor:pointer}
button:hover{background:var(--yellow);color:#111215;border-color:var(--yellow)}
a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.notice{display:flex;align-items:center;background:#29281f;border:1px solid #595136;border-left:3px solid var(--yellow);border-radius:4px;padding:12px 16px;margin-top:28px;font-size:12px;color:#d9d2b9}
.notice .dot{flex-shrink:0}
.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:35px 0 28px}
.eyebrow{font:10px/1.5 var(--mono);letter-spacing:2px;color:var(--yellow);margin:0 0 8px}
h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:0;font-weight:650}
#subtitle{color:var(--muted);font-size:14px;margin:10px 0 0}
.badge{border:1px solid #4b4f57;background:#25272c;border-radius:4px;padding:6px 11px;font:10px var(--mono);white-space:nowrap;color:#c7c9cf}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{border:1px solid var(--edge);background:var(--panel);border-radius:6px;padding:22px;min-width:0;box-shadow:0 5px 20px #0000000c}
.metrics .card{position:relative;background:linear-gradient(145deg,#2b2e33,#24272c)}
.metrics .card::before{content:"";position:absolute;top:-1px;left:20px;width:25px;height:2px;background:var(--yellow)}
.metrics .card::after{content:"+";position:absolute;right:11px;bottom:7px;color:#60646d;font:10px var(--mono)}
.metric-label{font-size:12px;color:#c2c5cc}
.value{font:500 32px/1.4 var(--mono);margin:11px 0;color:var(--yellow)}
.hint{font:10px/1.5 var(--mono);color:#a6aab3}
.panels{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-top:22px}
h2{font-size:16px;letter-spacing:-.3px;margin:0 0 8px;font-weight:600}
.muted{font-size:12px;color:var(--muted)}
.empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #3b3f46;border-radius:4px;margin-top:25px;padding:20px;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px),#202226;background-size:24px 24px;position:relative}
.empty::before,.empty::after{content:"";position:absolute;width:12px;height:12px;border-color:#9a8b49;border-style:solid;pointer-events:none}
.empty::before{left:-1px;top:-1px;border-width:1px 0 0 1px}
.empty::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.empty-symbol{font-size:32px;color:var(--yellow);opacity:.8;margin-bottom:10px}
.empty strong{font-size:13px;font-weight:550}
.empty p{font-size:12px;color:var(--muted);max-width:290px}
.connection{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b3e45;padding:17px 0;gap:12px}
.connection:last-child{border-bottom:0}
.connection strong{font-size:13px;font-weight:550}
.connection small{display:block;color:#aaafb9;font-size:11px;margin-top:3px}
.pending{font:9px/1.5 var(--mono);border:1px solid #4b4f56;border-radius:3px;padding:4px 8px;background:#2e3137;color:#bfc3cc;white-space:nowrap}
.next{margin-top:22px;background:#28281f;border-color:#565038;display:flex;justify-content:space-between;align-items:center;gap:16px;border-left:3px solid var(--yellow)}
.next p{font-size:12px;color:#c6c3b2;margin:5px 0 0}
.next a{color:var(--yellow);text-decoration:none;font:600 11px var(--mono);white-space:nowrap}
.next a:hover{text-decoration:underline}
footer{display:flex;justify-content:space-between;color:#969ba5;font:9px/1.5 var(--mono);letter-spacing:1.8px;margin:42px 0 22px}
footer span{letter-spacing:0;font-size:11px}
dialog{border:1px solid #5a5540;border-top:3px solid var(--yellow);border-radius:6px;max-width:430px;padding:28px;color:var(--ink);background:#26292e}
dialog::backdrop{background:#050607bb;backdrop-filter:blur(4px)}
dialog p{font-size:14px;color:#c1c5cc}
dialog form{text-align:right}
@media(max-width:1100px){main{padding:0 26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){aside{position:static;width:auto;padding:20px 18px 12px;border-right:0;border-bottom:1px solid #3b3d43}aside::after{display:none}.brand{font-size:14px}.brand small{font-size:8px}.mark{height:34px;width:34px;font-size:24px}.nav-label,.aside-footer{display:none}nav{display:flex;overflow:auto;gap:6px;margin-top:20px;scrollbar-width:thin;scrollbar-color:#605a37 #111215}nav a{padding:8px 10px;margin:0;white-space:nowrap;font-size:12px}nav a span{display:none}main{margin:0;padding:0 18px}header{height:65px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}header button{font-size:9px;padding:8px}.notice{margin-top:18px;font-size:11px}.heading-row{margin:25px 0}h1{font-size:30px}#subtitle{font-size:12px}.card{padding:17px}.metrics{gap:10px}.metric-label{font-size:11px}.panels{gap:14px;margin-top:14px}.next{align-items:flex-start;flex-direction:column}footer{gap:16px;font-size:8px}footer span{font-size:10px}}
/* Private analytics */
[hidden]{display:none!important}.hq-controls{display:flex;align-items:center;gap:8px}.auth-button{display:inline-block;padding:10px 13px;border:1px solid var(--yellow);border-radius:4px;background:var(--yellow);color:#111215;font:600 11px var(--mono);text-decoration:none;white-space:nowrap}.auth-button:hover{background:#ffe66b}.period-control{display:flex;gap:7px;align-items:center;font:10px var(--mono);color:var(--muted)}select{background:#292c32;color:var(--ink);border:1px solid #535862;border-radius:4px;padding:9px;font:11px var(--mono)}select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.report-chart{margin-top:24px;overflow:hidden}.report-chart svg{display:block;width:100%;height:auto}.report-amount{font:12px var(--mono);color:var(--yellow)}.conversion-summary{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:var(--muted);font-size:12px}.conversion-summary strong{font:24px var(--mono);color:var(--yellow)}.products-report{margin-top:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;margin-top:18px}th,td{padding:14px 10px;text-align:right;border-bottom:1px solid #3a3e45;white-space:nowrap}th{font:10px var(--mono);color:var(--muted)}th:first-child,td:first-child{text-align:left;white-space:normal;min-width:120px}td:not(:first-child){font-family:var(--mono)}@media(max-width:1100px){header{flex-wrap:wrap;height:auto;min-height:88px;padding:16px 0;gap:12px}.hq-controls{flex-wrap:wrap}.period-control{margin-left:auto}}@media(max-width:700px){header{min-height:65px;padding:12px 0}.hq-controls{width:100%;justify-content:flex-end;gap:7px}.period-control{margin-left:0;margin-right:auto}.hq-controls button,.auth-button{padding:8px 9px;font-size:10px}.period-control select{font-size:10px;padding:8px}.products-report{padding:16px}th,td{padding:12px 6px}}
.source-report{margin-top:22px}.source-report>.metrics{margin-top:20px}.source-report .metrics .card{min-width:0;padding:18px}.source-report .value{font-size:26px}.source-report td{max-width:520px;white-space:normal}.source-report .table-scroll{max-width:100%}