*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e2e5f0}.app{max-width:1200px;margin:0 auto;padding:24px}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.muted{color:#9aa0b4;font-size:13px}.login-card{background:#171923;border:1px solid #2a2d3a;border-radius:12px;padding:40px;max-width:420px;text-align:center}.login-card h1{margin:0 0 8px;font-size:22px}.slack-button{display:inline-block;margin-top:24px;padding:12px 28px;background:#4a154b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.slack-button:hover{background:#5d1d5e}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0;font-size:20px}.user-box{display:flex;align-items:center;gap:10px;font-size:14px}.user-box img{width:28px;height:28px;border-radius:50%}button.link{background:none;border:none;color:#818cf8;cursor:pointer;font-size:14px;padding:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.card{background:#171923;border:1px solid #2a2d3a;border-radius:12px;padding:16px;min-height:100px}.card.skeleton{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.card-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#9aa0b4;margin-bottom:8px}.card-value{font-size:26px;font-weight:700}.card-sub{margin-top:6px}.card-list{display:flex;flex-direction:column;gap:5px;font-size:13px}.card-list-row{display:flex;justify-content:space-between}.controls{background:#171923;border:1px solid #2a2d3a;border-radius:12px;padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px}.control-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.preset-buttons{display:flex;flex-wrap:wrap;gap:6px}button.preset{background:#20232f;border:1px solid #2a2d3a;color:#c6cadb;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}button.preset.active{background:#312e81;border-color:#6366f1;color:#fff}.date-inputs{display:flex;align-items:center;gap:8px}input[type=date],select{background:#20232f;border:1px solid #2a2d3a;color:#e2e5f0;border-radius:8px;padding:6px 10px;font-size:13px;color-scheme:dark}.controls label{display:flex;align-items:center;gap:8px;font-size:13px;color:#9aa0b4}.account-toggles{display:flex;gap:14px}label.checkbox{color:#e2e5f0;cursor:pointer}.tag-filter-row{justify-content:flex-start}.tag-values{display:flex;flex-wrap:wrap;gap:10px 14px;max-height:96px;overflow-y:auto;padding:4px 0}.banner{border-radius:8px;padding:10px 14px;margin:14px 0;font-size:14px}.banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.chart-box{background:#171923;border:1px solid #2a2d3a;border-radius:12px;padding:16px;margin-bottom:18px;min-height:200px}.chart-box.dimmed{opacity:.5}.table-box{background:#171923;border:1px solid #2a2d3a;border-radius:12px;padding:16px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-header h2{margin:0;font-size:16px}.table-header button{background:#20232f;border:1px solid #2a2d3a;color:#c6cadb;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #232634}th{color:#9aa0b4;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{font-weight:700;border-top:2px solid #2a2d3a;border-bottom:none}