@font-face{font-family:PP Neue Montreal;src:url(/assets/ppneuemontreal-book-DWrvOlKa.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/assets/ppneuemontreal-medium-Bc1YMBzw.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/assets/ppneuemontreal-bold-eYoqcLYb.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root,[data-theme=light]{--bg: #F6F8FB;--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface-2: #F2F5FA;--surface-3: #E8ECF2;--surface-hover: rgba(15, 23, 42, .04);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .15);--divider: rgba(15, 23, 42, .06);--text: #0F172A;--text-bright: #0F172A;--muted: rgba(15, 23, 42, .55);--muted-2: rgba(15, 23, 42, .38);--placeholder: rgba(15, 23, 42, .35);--input-bg: #FFFFFF;--input-border: rgba(15, 23, 42, .12);--input-border-focus: var(--primary);--card-bg: #FFFFFF;--card-border: rgba(15, 23, 42, .08);--primary: #2563EB;--primary-soft: rgba(37, 99, 235, .1);--primary-hover: #1D4ED8;--primary-active: #1E40AF;--success: #16A34A;--success-soft: rgba(22, 163, 74, .1);--success-hover: #15803D;--warning: #D97706;--warning-soft: rgba(217, 119, 6, .1);--warning-hover: #B45309;--danger: #DC2626;--danger-soft: rgba(220, 38, 38, .1);--danger-hover: #B91C1C;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 12px;--radius-card: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--transition-fast: .12s ease;--transition-normal: .18s ease;--transition-slow: .3s ease;--focus-ring: 0 0 0 2px var(--primary-soft), 0 0 0 4px var(--primary)}[data-theme=dark]{--bg: #0F172A;--bg-elevated: #131B2E;--surface: #1E293B;--surface-2: #334155;--surface-3: #475569;--surface-hover: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--divider: rgba(255, 255, 255, .06);--text: #F1F5F9;--text-bright: #FFFFFF;--muted: rgba(241, 245, 249, .7);--muted-2: rgba(241, 245, 249, .5);--placeholder: rgba(241, 245, 249, .4);--primary: #3B82F6;--primary-soft: rgba(59, 130, 246, .18);--primary-hover: #60A5FA;--primary-active: #93C5FD;--success: #34D399;--success-soft: rgba(52, 211, 153, .18);--success-hover: #6EE7B7;--warning: #FBBF24;--warning-soft: rgba(251, 191, 36, .18);--warning-hover: #FCD34D;--danger: #F87171;--danger-soft: rgba(248, 113, 113, .18);--danger-hover: #FCA5A5;--input-bg: #1E293B;--input-border: rgba(255, 255, 255, .12);--input-border-focus: var(--primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--card-bg: #1E293B;--card-border: rgba(255, 255, 255, .08)}:root{--font-sans: "PP Neue Montreal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-weight-thin: 200;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}html,body{font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}h1{font-family:var(--font-sans);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h3{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}h4{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}h5{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-tight)}h6{font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}p{font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}small,.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}button,input,select,textarea{font-family:var(--font-sans)}button,[role=button],.btn{font-weight:var(--font-weight-medium)}label,.label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.font-thin{font-weight:var(--font-weight-thin)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.italic{font-style:italic}.not-italic{font-style:normal}.text-muted{color:var(--muted)}.text-muted-2{color:var(--muted-2)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.label-caps{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:var(--font-weight-medium);color:var(--muted)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-size:14px;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.25;color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}::selection{background-color:var(--primary-soft);color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:var(--primary-active);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){background-color:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn-outline:active:not(:disabled){background-color:var(--surface-2)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-2);color:var(--text)}.btn-ghost:active:not(:disabled){background-color:var(--surface-3)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){background-color:#991b1b;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:var(--success-hover);box-shadow:var(--shadow-md)}.btn-icon:hover:not(:disabled){background-color:var(--surface-2)}.btn-icon:active:not(:disabled){background-color:var(--surface-3)}.sidebar-user-area:hover,.sidebar-dropdown-item:hover{background-color:var(--surface-2)}.sidebar-nav-item{transition:background-color .15s ease}.sidebar-nav-item:hover{background-color:var(--primary-soft)}.sidebar-nav-icon,.sidebar-nav-label{transition:color .15s ease}.sidebar-nav-item:hover .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-label{color:var(--primary)}.pill-btn{transition:background-color .15s ease,border-color .15s ease}.pill-btn:hover{background-color:var(--surface-2);border-color:var(--border-strong)}.pill-icon,.pill-text{transition:color .15s ease}.pill-btn:hover .pill-icon,.pill-btn:hover .pill-text{color:var(--text)}.table-row{transition:background-color var(--transition-fast)}.table-row:hover{background-color:var(--surface-2)}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background-color:var(--primary-soft)}.card-clickable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.hint-button:hover{color:var(--primary);background-color:var(--primary-soft)}.hint-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hint-dismiss-btn:hover{background-color:var(--primary);color:#fff}.modal-close-btn:hover{background-color:var(--surface-2);color:var(--text)}.back-btn:hover{background-color:var(--surface-2);border-color:var(--border-strong)}.back-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.search-input{padding:10px 14px;font-size:14px;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.search-input::placeholder{color:var(--muted-2)}.search-input:hover{border-color:var(--border-strong)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.action-btn{padding:6px 12px;font-size:13px;font-weight:500;color:var(--primary);background-color:transparent;border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.action-btn:hover{background-color:var(--primary-soft)}.action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-btn--success{color:var(--success);border-color:var(--success)}.action-btn--success:hover{background-color:var(--success-soft)}.action-btn--danger{color:var(--danger);border-color:var(--danger)}.action-btn--danger:hover{background-color:var(--danger-soft)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);background-color:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background-color:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-btn--danger:hover{background-color:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.add-btn{padding:10px 16px;font-size:13px;font-weight:500;color:var(--primary);background-color:transparent;border:1px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.add-btn:hover{background-color:var(--primary-soft);border-style:solid}.add-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-error-alert{padding:12px 16px;margin-bottom:16px;background-color:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:14px}.carousel-nav-btn:hover{background-color:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.carousel-nav-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.carousel-dot:hover{background-color:var(--muted)}.carousel-dot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.daily-trends-bar:hover{background-color:var(--primary-hover)!important;transform:scaleY(1.02)}.social-login-btn:hover{background-color:var(--surface-2);border-color:var(--border-strong)}.social-login-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.link-btn:hover{color:var(--primary);text-decoration:underline}.link-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:900px){.login-two-column{flex-direction:column!important;gap:32px!important}.login-column{flex:1 1 auto!important;max-width:100%!important}.marketing-column{min-width:auto!important}.marketing-card{min-height:300px!important}}@media(max-width:480px){.login-card{padding:24px!important}.login-content-wrapper{padding:16px!important}}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] li,[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] label{color:var(--text)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--placeholder)}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] textarea:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;border-color:var(--input-border)!important}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}[data-theme=dark] ::selection{background-color:var(--primary-soft);color:var(--primary-hover)}[data-theme=dark] :focus-visible{outline-color:var(--primary)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}