:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--bucket-rebote:#86b6ef;--bucket-ojeada:#3987e5;--bucket-engagement:#184f95;--series-1:#2a78d6;--critical:#d03b3b;--radius:8px;--font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--bucket-rebote:#cde2fb;--bucket-ojeada:#5598e7;--bucket-engagement:#184f95;--series-1:#3987e5;--critical:#d03b3b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--bucket-rebote:#cde2fb;--bucket-ojeada:#5598e7;--bucket-engagement:#184f95;--series-1:#3987e5;--critical:#d03b3b}*{box-sizing:border-box}body{font-family:var(--font);background:var(--page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.app-brand{align-items:baseline;gap:10px;display:flex}.app-brand strong{letter-spacing:-.01em;font-size:15px}.app-brand span{color:var(--text-muted);font-size:13px}.app-nav{gap:4px;display:flex}.app-nav a{color:var(--text-secondary);border-radius:6px;padding:6px 12px;font-size:14px;text-decoration:none}.app-nav a:hover{background:var(--page)}.app-nav a.active{color:var(--text-primary);background:var(--page);font-weight:600}.app-user{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.app-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px}button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:14px}button:hover:not(:disabled){border-color:var(--baseline)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--series-1);border-color:var(--series-1);color:#fff;font-weight:600}input,select{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.filters{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.filters .field{min-width:170px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card+.card{margin-top:20px}.card-title{margin:0 0 4px;font-size:15px;font-weight:600}.card-subtitle{color:var(--text-muted);margin:0 0 20px;font-size:13px}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.stat-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.stat-value{letter-spacing:-.02em;font-size:34px;font-weight:650;line-height:1.05}.stat-note{color:var(--text-muted);margin-top:8px;font-size:12px}.bucket-bar{gap:2px;width:100%;height:44px;margin-bottom:18px;display:flex}.bucket-segment{min-width:3px;height:100%}.bucket-segment:first-child{border-radius:4px 0 0 4px}.bucket-segment:last-child{border-radius:0 4px 4px 0}.bucket-legend{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.legend-item{align-items:flex-start;gap:10px;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;margin-top:3px}.legend-label{font-size:13px;font-weight:600}.legend-range{color:var(--text-muted);font-size:12px}.legend-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.hourly-chart{width:100%;height:auto;display:block;overflow:visible}.hourly-bar{fill:var(--series-1)}.hourly-bar:hover{fill:var(--bucket-engagement)}.axis-label{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.gridline{stroke:var(--gridline);stroke-width:1px}.baseline{stroke:var(--baseline);stroke-width:1px}.notice{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.notice-icon{color:var(--text-muted);flex-shrink:0;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--baseline);white-space:nowrap;padding:10px 12px;font-weight:600}td{border-bottom:1px solid var(--gridline);font-variant-numeric:tabular-nums;white-space:nowrap;padding:10px 12px}tr:last-child td{border-bottom:none}.bucket-pill{font-variant-numeric:normal;align-items:center;gap:6px;display:inline-flex}.bucket-dot{border-radius:50%;width:8px;height:8px}.row-muted td{color:var(--text-muted)}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:28px}.login-card h1{margin:0 0 4px;font-size:19px}.login-card p.sub{color:var(--text-muted);margin:0 0 22px;font-size:13px}.field-group{margin-bottom:16px}.form-error{color:var(--critical);margin-bottom:14px;font-size:13px}.route-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.empty-state{text-align:center;color:var(--text-muted);padding:32px;font-size:14px}