:root{--brand: #00B4AE;--brand-strong: #28C8C0;--brand-bright: #38D8D0;--brand-deep: #00A098;--brand-dim: rgba(0, 180, 174, .12);--bg: #0A0E13;--bg-raised: #10151C;--bg-overlay: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-grid: rgba(255, 255, 255, .045);--text: #E8EAED;--text-muted: #9AA3AD;--text-faint: #5F6873;--positive: #34C98E;--negative: #E06C6C;--warning: #D9A94E;--chart-1: #00A098;--chart-2: #5B8DEF;--chart-3: #C177AE;--chart-4: #BC8B26;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}#webgl-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 320px at 50% -80px,rgba(0,180,174,.07),transparent 70%)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}.logo{height:26px;display:block}.logo.large{height:34px;margin-inline:auto}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.25rem;position:relative}.login-card{width:100%;max-width:400px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:.5rem}.login-card h1{font-size:1.25rem;margin-top:1rem}.sub{color:var(--text-muted);font-size:.925rem;line-height:1.5}.notice{background:var(--bg-overlay);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:8px;padding:.65rem .85rem;font-size:.875rem;margin-top:.5rem}form{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem}label{font-size:.825rem;color:var(--text-muted);margin-top:.4rem}input,.client-select{background:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem;font:inherit;font-size:.95rem}input:focus,.client-select:focus{outline:2px solid var(--brand);outline-offset:-1px}button{font:inherit;cursor:pointer;border-radius:8px}button:disabled{opacity:.6;cursor:wait}.btn-primary{margin-top:.9rem;background:var(--brand);color:var(--bg);border:none;padding:.75rem;font-weight:600;box-shadow:0 0 16px #00b4ae33;transition:background .2s ease,box-shadow .3s ease;animation:brand-glow 5s ease-in-out infinite}.btn-primary:hover{background:var(--brand-strong);box-shadow:0 0 28px #28c8c066;animation:none}@keyframes brand-glow{0%,to{box-shadow:0 0 14px #00b4ae29}50%{box-shadow:0 0 24px #00b4ae52}}@media (prefers-reduced-motion: reduce){.btn-primary{animation:none}}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.65rem}.btn-ghost:hover{color:var(--text);border-color:var(--text-faint)}.btn-ghost.small{padding:.4rem .8rem;font-size:.85rem}.login-footer{color:var(--text-faint);font-size:.8rem}.shell{min-height:100vh;display:flex;flex-direction:column}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:21rem 21rem;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 55%,transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 55%,transparent 90%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:.75rem}.client-name{color:var(--text-muted);font-size:.925rem}.content{padding:1.5rem 1.25rem;max-width:1360px;width:100%;margin:0 auto;border-inline:1px solid var(--border-grid);flex:1}.content h2{font-size:1.35rem;margin-bottom:.5rem}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1.5rem}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;color:var(--text-muted);font-size:.9rem;min-height:96px}.metric,.card strong,table td{font-variant-numeric:tabular-nums}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.segmented{display:inline-flex;background:var(--bg-overlay);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{border:none;background:none;color:var(--text-muted);font-size:.85rem;padding:.4rem .85rem;border-radius:7px;white-space:nowrap}.segmented button.active{background:var(--brand-dim);color:var(--brand-strong);font-weight:600}.segmented button:hover:not(.active){color:var(--text)}.etl-status{color:var(--text-faint);font-size:.8rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem;margin-bottom:1.1rem}.kpi{display:flex;flex-direction:column;gap:.35rem;min-height:0;padding:1.1rem 1.15rem;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%),var(--bg-raised)}.kpi-label{font-size:.8rem;color:var(--text-muted);letter-spacing:.01em}.kpi .metric{font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.1}.kpi.hero{border-color:#00b4ae59}.kpi.hero .metric{color:var(--brand-strong)}.kpi.vanity{opacity:.72}.kpi.vanity .metric{font-size:1.25rem}.kpi-foot{font-size:.78rem;color:var(--text-faint)}.kpi-foot b{color:var(--text-muted);font-weight:600}.delta{font-weight:600}.metric .delta{font-size:.72rem;vertical-align:3px;margin-left:2px}.delta.up{color:var(--positive)}.delta.down{color:var(--negative)}.delta.neutral{color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.1rem}.chart-card h3,.table-card h3{font-size:.95rem;color:var(--text-muted);font-weight:600;margin-bottom:.75rem}.chart-box{position:relative;height:240px}@media (max-width: 860px){.charts-row{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}#camp-table{width:100%;border-collapse:collapse;font-size:.86rem}#camp-table th{text-align:left;color:var(--text-faint);font-weight:500;font-size:.78rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}#camp-table th.sorted{color:var(--brand-strong)}#camp-table th.sorted:after{content:" ↓"}#camp-table th.sorted.asc:after{content:" ↑"}#camp-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-grid);color:var(--text)}#camp-table tr:hover td{background:var(--bg-overlay)}#camp-table .num,#camp-table th.num{text-align:right}.camp-name{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;background:var(--brand-dim);color:var(--brand-strong);border-radius:6px;padding:.12rem .5rem;font-size:.74rem;white-space:nowrap}.empty-state{text-align:center;padding:3rem 1rem}.empty-state h3{margin-bottom:.4rem}@media (max-width: 480px){.login-card{padding:1.5rem 1.25rem}.content{padding:1.25rem 1rem}}