*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f1117;color:#e4e4e7;line-height:1.5}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:12px;width:320px}.login-form h1{font-size:24px;font-weight:600;color:#f4f4f5;margin-bottom:8px}.login-form input{padding:10px 12px;border:1px solid #27272a;border-radius:6px;background:#18181b;color:#e4e4e7;font-size:14px}.login-form input:focus{outline:none;border-color:#3b82f6}.login-form button{padding:10px;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.login-form button:hover:not(:disabled){background:#2563eb}.login-form button:disabled{opacity:.5;cursor:not-allowed}.dashboard{display:flex;flex-direction:column;height:100vh}.dashboard-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#18181b;border-bottom:1px solid #27272a}.dashboard-header h1{font-size:18px;font-weight:600;color:#f4f4f5;margin-right:auto}select,input[type=date]{padding:6px 10px;border:1px solid #27272a;border-radius:4px;background:#18181b;color:#e4e4e7;font-size:13px}select:focus,input:focus{outline:none;border-color:#3b82f6}.project-selector{min-width:200px}.filter-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1a1a1f;border-bottom:1px solid #27272a;flex-wrap:wrap}.filter-bar label{display:flex;align-items:center;gap:6px;font-size:12px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px}.view-mode-toggle{display:flex;gap:2px;background:#27272a;border-radius:6px;padding:2px}.view-mode-toggle button{padding:6px 14px;border:none;border-radius:4px;background:transparent;color:#a1a1aa;font-size:13px;cursor:pointer;transition:all .15s}.view-mode-toggle button:hover{color:#e4e4e7}.view-mode-toggle button.active{background:#3b82f6;color:#fff}.heatmap-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden}.heatmap-viewer.empty{align-items:center;justify-content:center;color:#71717a}.stats-bar{padding:6px 16px;font-size:13px;color:#a1a1aa;background:#18181b;border-bottom:1px solid #27272a}.loading-bar{padding:6px 16px;font-size:13px;color:#3b82f6;background:#18181b}.viewer-scroll{position:relative;background:#fff}.iframe-fallback{display:flex;align-items:center;justify-content:center;height:400px;background:#27272a;color:#a1a1aa;padding:40px;text-align:center}.tooltip{position:absolute;z-index:100;background:#18181b;border:1px solid #3b82f6;border-radius:6px;padding:8px 12px;font-size:12px;color:#e4e4e7;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0006}.tooltip-tag{font-weight:600;color:#3b82f6}.tooltip-text{color:#a1a1aa;max-width:200px;overflow:hidden;text-overflow:ellipsis}.tooltip-count{font-weight:600;color:#f4f4f5;margin-top:2px}.tooltip-visitor{color:#71717a;font-size:11px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#71717a}.error{color:#ef4444;padding:16px}