:root{--bg: #050F17;--panel: #0B3255;--gold: #A8894D;--cream: #FFEDC9;--light: #E8E8E8;--muted: #7A7A7A;--border: rgba(232, 232, 232, .12);--grid-gap: clamp(1rem, 2vw, 1.5rem);background:#050f17;color:#e8e8e8;font-family:Poppins,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:#050f17;color:#e8e8e8}body{margin:0;min-height:100vh;background:#050f17;color:#e8e8e8}button,input,select{font:inherit;color:#e8e8e8}button,a{-webkit-tap-highlight-color:transparent}a{color:#ffedc9;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{color:#ffedc9;font-family:Italiana,Georgia,serif;font-weight:400}h1{margin-bottom:.25rem;font-size:clamp(2.5rem,5vw,4.75rem);line-height:.95;letter-spacing:-.025em}h2{margin-bottom:1.25rem;font-size:clamp(1.75rem,2.5vw,2.5rem)}h3{color:#e8e8e8;font-family:Poppins,system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.shell{min-height:100vh;background:#050f17;color:#e8e8e8}.topbar{position:sticky;z-index:20;top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;min-height:5rem;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(232,232,232,.12);background:#050f17f5;color:#e8e8e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:auto;height:2.25rem}.nav{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;gap:.25rem;overflow-x:auto}.nav-link{padding:.65rem .9rem;border-bottom:1px solid transparent;color:#9a9a9a;font-size:.95rem;letter-spacing:.03em}.nav-link:hover,.nav-link[aria-current=page]{border-color:#a8894d;color:#ffedc9}.period{display:flex;flex:0 0 auto;align-items:center;margin-left:auto;gap:.5rem;color:#e8e8e8}.sync-status{display:flex;align-items:center;gap:.45rem}.exports{position:relative;color:#7a7a7a;font-size:.72rem}.exports summary{cursor:pointer;list-style:none}.export-menu{position:absolute;top:calc(100% + .75rem);right:0;display:grid;min-width:10rem;border:1px solid rgba(232,232,232,.12);background:#050f17}.export-menu a{padding:.65rem .8rem;border-bottom:1px solid rgba(232,232,232,.12);color:#e8e8e8}.export-menu a:hover{color:#ffedc9;background:#0b3255}.period-button,.period input{min-height:2.25rem;white-space:nowrap;padding:.45rem .7rem;border:1px solid rgba(232,232,232,.12);border-radius:0;background:#050f17;color:#e8e8e8}.period-button{cursor:pointer}.period-button:hover,.period-button[aria-pressed=true]{border-color:#a8894d;background:#0b3255;color:#ffedc9}.custom-range{display:flex;gap:.35rem}.custom-range[hidden]{display:none}main{width:min(1600px,100%);margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem);background:#050f17;color:#e8e8e8}.page-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2rem,4vw,4rem)}.date-range{color:#7a7a7a;font-size:.78rem;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}.panel{grid-column:span 12;min-width:0;padding:clamp(1rem,2vw,1.75rem);border:1px solid rgba(232,232,232,.12);background:#0b3255;color:#e8e8e8}.panel-half{grid-column:span 6}.panel-third{grid-column:span 4}.panel-wide{grid-column:span 8}.panel-narrow{grid-column:span 4}.stat{grid-column:span 3;position:relative;min-height:10rem;display:flex;flex-direction:column;justify-content:space-between}.stat-label{color:#e8e8e8;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.stat-value{color:#ffedc9;font-family:Poppins,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:500;font-size:clamp(2rem,3.2vw,4rem);line-height:1}.stat-delta{color:#a8894d;font-size:.75rem;font-variant-numeric:tabular-nums}.hint{display:inline-grid;width:1rem;height:1rem;place-items:center;margin-left:.35rem;border:1px solid #7A7A7A;border-radius:50%;color:#e8e8e8;cursor:help;font-size:.65rem;text-transform:none}.table-wrap{width:100%;overflow-x:auto;background:#0b3255;color:#e8e8e8}table{width:100%;border-collapse:collapse;background:#0b3255;color:#e8e8e8;font-size:.8rem}th{padding:.9rem 1rem;border-bottom:1px solid #A8894D;color:#7a7a7a;font-weight:500;text-align:left;white-space:nowrap}td{padding:1rem;border-bottom:1px solid rgba(232,232,232,.12);color:#e8e8e8;font-variant-numeric:tabular-nums}tbody tr{background:#0b3255;color:#e8e8e8}tbody tr:hover{background:#123f67;color:#e8e8e8}.sort-button{padding:0;border:0;background:transparent;color:#7a7a7a;cursor:pointer}.sort-button:hover{color:#ffedc9}.panel-select{width:min(100%,28rem);margin:0 0 1rem;padding:.55rem .7rem;border:1px solid rgba(232,232,232,.12);border-radius:0;background:#050f17;color:#e8e8e8}.row-link{color:#ffedc9;cursor:pointer}.detail-row td{padding:1.5rem;background:#071f34;color:#e8e8e8}.chart-wrap{position:relative;min-height:280px;background:#0b3255;color:#e8e8e8}.small-chart{min-height:220px}.funnel{display:grid;gap:1rem;background:#0b3255;color:#e8e8e8}.funnel-row{display:grid;grid-template-columns:3rem 1fr 4rem;align-items:center;gap:.75rem;color:#e8e8e8;font-size:.75rem;font-variant-numeric:tabular-nums}.funnel-track{display:block;height:.65rem;background:#050f17;color:#e8e8e8}.funnel-fill{display:block;height:100%;background:#a8894d;color:#050f17}.partial{margin-left:.5rem;color:#a8894d;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.staleness{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:#a8894d;color:#e8e8e8}.staleness--fresh{background:#e8e8e8}.staleness--stale{background:#a8894d}.staleness--error{background:#d95d4f}.skeleton{min-height:12rem;background:linear-gradient(100deg,#0b3255 20%,#123f67,#0b3255 60%);background-size:200% 100%;color:#7a7a7a;animation:shimmer 1.4s infinite linear}.error{padding:1rem;border-left:2px solid #A8894D;background:#0b3255;color:#e8e8e8;font-size:.8rem}.empty{color:#7a7a7a}canvas{background:#0b3255;color:#e8e8e8}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1050px){.topbar{align-items:flex-start;flex-wrap:wrap}.nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.stat,.panel-third,.panel-wide,.panel-narrow{grid-column:span 6}}@media(max-width:700px){.topbar{position:static}.period{flex-wrap:wrap}.stat,.panel-half,.panel-third,.panel-wide,.panel-narrow{grid-column:span 12}.page-header{align-items:flex-start;flex-direction:column}}