:root:has(.analytics-root) body{margin:0}.analytics-root{--an-bg: #f6f8fb;--an-bg-grad: radial-gradient(1200px 600px at 100% -10%, #eef2ff 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #f0fdfa 0%, transparent 55%);--an-surface: #ffffff;--an-surface-alt: #f6f8fc;--an-surface-elevated: #ffffff;--an-border: rgba(15, 23, 42, .08);--an-border-strong: rgba(15, 23, 42, .14);--an-text: #0f172a;--an-text-muted: #64748b;--an-text-subtle: #94a3b8;--an-primary: #4f46e5;--an-primary-hover: #4338ca;--an-primary-soft: #eef2ff;--an-primary-ring: rgba(79, 70, 229, .18);--an-accent: #8b5cf6;--an-success: #059669;--an-success-soft: #ecfdf5;--an-danger: #dc2626;--an-danger-soft: #fef2f2;--an-warning: #d97706;--an-warning-soft: #fffbeb;--an-radius-sm: 8px;--an-radius: 14px;--an-radius-lg: 20px;--an-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--an-shadow: 0 4px 16px rgba(15, 23, 42, .06);--an-shadow-lg: 0 16px 48px -12px rgba(15, 23, 42, .16);--an-shadow-xl: 0 24px 64px -16px rgba(15, 23, 42, .22);--an-transition: .18s cubic-bezier(.4, 0, .2, 1);--an-ring: 0 0 0 4px var(--an-primary-ring);background:var(--an-bg);background-image:var(--an-bg-grad);background-attachment:fixed;color:var(--an-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;box-sizing:border-box}.analytics-root *,.analytics-root *:before,.analytics-root *:after{box-sizing:inherit}.analytics-root input,.analytics-root button,.analytics-root textarea,.analytics-root select{font:inherit}.analytics-root ::selection{background:var(--an-primary-soft);color:var(--an-primary)}@media (prefers-color-scheme: dark){.analytics-root.an-respects-system{--an-bg: #0a0e1c;--an-bg-grad: radial-gradient(1200px 600px at 100% -10%, rgba(79, 70, 229, .18) 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(16, 185, 129, .12) 0%, transparent 55%);--an-surface: #131a2e;--an-surface-alt: #1a2240;--an-surface-elevated: #1d2647;--an-border: rgba(148, 163, 184, .12);--an-border-strong: rgba(148, 163, 184, .22);--an-text: #e2e8f0;--an-text-muted: #94a3b8;--an-text-subtle: #64748b;--an-primary-soft: rgba(99, 102, 241, .18);--an-primary-ring: rgba(99, 102, 241, .28);--an-success-soft: rgba(16, 185, 129, .16);--an-danger-soft: rgba(239, 68, 68, .16);--an-warning-soft: rgba(245, 158, 11, .16);--an-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--an-shadow: 0 8px 24px rgba(0, 0, 0, .4);--an-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--an-shadow-xl: 0 24px 64px rgba(0, 0, 0, .6)}}.analytics-root.theme-dark{--an-bg: #0a0e1c;--an-bg-grad: radial-gradient(1200px 600px at 100% -10%, rgba(79, 70, 229, .18) 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(16, 185, 129, .12) 0%, transparent 55%);--an-surface: #131a2e;--an-surface-alt: #1a2240;--an-surface-elevated: #1d2647;--an-border: rgba(148, 163, 184, .12);--an-border-strong: rgba(148, 163, 184, .22);--an-text: #e2e8f0;--an-text-muted: #94a3b8;--an-text-subtle: #64748b;--an-primary-soft: rgba(99, 102, 241, .18);--an-primary-ring: rgba(99, 102, 241, .28);--an-success-soft: rgba(16, 185, 129, .16);--an-danger-soft: rgba(239, 68, 68, .16);--an-warning-soft: rgba(245, 158, 11, .16);--an-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--an-shadow: 0 8px 24px rgba(0, 0, 0, .4);--an-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--an-shadow-xl: 0 24px 64px rgba(0, 0, 0, .6)}.an-card{background:var(--an-surface);border:1px solid var(--an-border);border-radius:var(--an-radius);box-shadow:var(--an-shadow-sm);padding:24px;transition:box-shadow var(--an-transition),border-color var(--an-transition)}.an-card:hover{box-shadow:var(--an-shadow);border-color:var(--an-border-strong)}@media (max-width: 600px){.an-card{padding:18px;border-radius:12px}}.an-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--an-radius-sm);border:1px solid transparent;background:var(--an-primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform var(--an-transition),box-shadow var(--an-transition),background var(--an-transition)}.an-button:hover:not(:disabled){background:var(--an-primary-hover);transform:translateY(-1px);box-shadow:var(--an-shadow)}.an-button:active:not(:disabled){transform:translateY(0)}.an-button:focus-visible{outline:none;box-shadow:var(--an-ring)}.an-button:disabled{opacity:.55;cursor:not-allowed}.an-button.ghost{background:transparent;color:var(--an-text);border-color:var(--an-border)}.an-button.ghost:hover:not(:disabled){background:var(--an-surface-alt);border-color:var(--an-border-strong)}.an-button.icon-only{padding:0;width:42px}.an-button.sm{height:34px;padding:0 12px;font-size:13px;gap:6px}.an-button.sm.icon-only{width:34px}.an-input{width:100%;height:44px;padding:0 14px;font-size:16px;border:1px solid var(--an-border);border-radius:var(--an-radius-sm);background:var(--an-surface);color:var(--an-text);transition:border-color var(--an-transition),box-shadow var(--an-transition)}@media (min-width: 601px){.an-input{font-size:14px}}.an-input::placeholder{color:var(--an-text-subtle)}.an-input:hover:not(:focus):not(:disabled){border-color:var(--an-border-strong)}.an-input:focus{outline:none;border-color:var(--an-primary);box-shadow:var(--an-ring)}.an-input[aria-invalid=true]{border-color:var(--an-danger);box-shadow:0 0 0 4px var(--an-danger-soft)}.an-input:disabled{opacity:.6;cursor:not-allowed}.an-label{display:block;font-size:13px;font-weight:600;color:var(--an-text);margin-bottom:6px}.an-helper{font-size:12px;color:var(--an-text-subtle);margin-top:6px}.an-error-text{color:var(--an-danger);font-size:12px;margin-top:6px}
