@layer theme,base,clerk,components,utilities;:root{--purple: #8F00FF;--magenta: #D600FF;--blue: #0066FF;--cyan: #00DDFF;--navy: #000E22;--bg: #FFFFFF;--bg-subtle: #FAFAFA;--fg: #0A0A12;--fg-secondary: #666F7A;--fg-muted: #8B95A1;--fg-faint: #A8B0BA;--border: #EAEBEE;--border-strong: #DCDEE3;--fill: #F4F5F7;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #0066FF;--gradient-primary: linear-gradient(135deg, #D600FF, #8F00FF);--gradient-secondary: linear-gradient(135deg, #00DDFF, #0066FF);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 9999px;--surface: var(--bg);--surface-hover: var(--fill);--elevated: var(--fill);--primary: var(--purple);--primary-dark: #7A00DB;--text: var(--fg);--text-secondary: var(--fg-secondary);--success-bg: rgba(16, 185, 129, .12);--warning-bg: rgba(245, 158, 11, .12);--error: var(--danger);--error-bg: rgba(239, 68, 68, .12);--info-bg: rgba(0, 102, 255, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;overflow-x:clip;max-width:100vw}html,body,#root{height:100%;background:var(--bg-subtle);color:var(--fg);font-family:Mulish,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:Mulish,sans-serif;font-size:13px}code,pre,.mono{font-family:JetBrains Mono,monospace;font-size:13px}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}svg text,svg tspan{font-family:Mulish,sans-serif!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin .8s linear infinite}.dp-day:hover{background:var(--surface-hover)!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}select option{background:var(--surface);color:var(--text)}.material-icons-outlined{vertical-align:middle;-webkit-user-select:none;user-select:none}.page-container{padding:24px;max-width:1400px;margin:0 auto}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.chart-row-1{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin-bottom:14px}.chart-row-2{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-bottom:14px}.header-inner{max-width:1400px;margin:0 auto;min-height:56px;display:flex;align-items:center;padding:8px 24px;gap:12px;flex-wrap:wrap}.header-email{font-size:13px;color:var(--text-secondary)}@media(max-width:767px){.header-inner{padding:8px 12px;gap:8px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}.chart-row-1{grid-template-columns:1fr 1fr}}@media(max-width:860px){.chart-row-1,.chart-row-2{grid-template-columns:1fr}}@media(max-width:767px){.page-container{padding:12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.header-email{display:none}.auto-refresh-group{padding:4px 6px!important;gap:4px!important}.auto-refresh-label{display:none}button{min-height:32px}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}}