@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-bg-primary:#06090f;--color-bg-secondary:#0c1220;--color-bg-tertiary:#111827;--color-bg-elevated:#1a2332;--color-bg-surface:#111827b3;--color-accent-primary:#3b82f6;--color-accent-primary-hover:#2563eb;--color-accent-secondary:#8b5cf6;--color-accent-glow:#3b82f626;--color-accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-info:#06b6d4;--color-info-bg:#06b6d41a;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-text-inverse:#0f172a;--color-border-primary:#94a3b81f;--color-border-hover:#94a3b840;--color-border-focus:#3b82f680;--color-border-accent:#3b82f64d;--glass-bg:#111827a6;--glass-border:#94a3b814;--glass-blur:16px;--glass-shadow:0 8px 32px #0000004d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 32px #00000059;--shadow-xl:0 16px 48px #0006;--shadow-glow:0 0 20px #3b82f633;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--z-sidebar:40;--z-header:50;--z-modal-backdrop:60;--z-modal:70;--z-toast:80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 20%,#3b82f60f 0%,#0000 60%),radial-gradient(60% 50% at 90% 80%,#8b5cf60d 0%,#0000 60%);position:fixed;inset:0}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary-hover)}::selection{color:#fff;background:#3b82f64d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b826}::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--glass-shadow), var(--shadow-glow)}.glass-card--interactive:hover{transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:.625rem 1.25rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 8px #3b82f640}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px #3b82f666}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#94a3b814}.btn-danger{color:var(--color-error);background:#ef44441f;border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444459}.btn-sm{font-size:var(--text-xs);padding:.375rem .75rem}.btn-lg{font-size:var(--text-base);padding:.875rem 1.75rem}.btn-icon{min-width:unset;padding:.5rem}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.01em;font-weight:500}.input-label .required{color:var(--color-error);margin-left:2px}.input-field{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.625rem .875rem}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover{border-color:var(--color-border-hover)}.input-field:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow)}.input-field--error{border-color:#ef444480}.input-field--error:focus{box-shadow:0 0 0 3px #ef444426}.input-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.input-error{font-size:var(--text-xs);color:var(--color-error)}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8.825a.5.5 0 01-.354-.146l-3.5-3.5a.5.5 0 11.708-.708L6 7.618l3.146-3.147a.5.5 0 01.708.708l-3.5 3.5A.5.5 0 016 8.825z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}textarea.input-field{resize:vertical;min-height:100px}.badge{font-size:var(--text-xs);letter-spacing:.02em;border-radius:var(--radius-full);align-items:center;gap:4px;padding:.2rem .6rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-primary{color:var(--color-accent-primary);background:#3b82f61f}.badge-primary .badge-dot{background:var(--color-accent-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-success .badge-dot{background:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-warning .badge-dot{background:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-error .badge-dot{background:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-info .badge-dot{background:var(--color-info)}.badge-neutral{color:var(--color-text-secondary);background:#94a3b81a}.badge-neutral .badge-dot{background:var(--color-text-secondary)}.dashboard-layout{min-height:100vh;display:flex;position:relative}.dashboard-main{margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:margin-left var(--transition-base);z-index:1;flex:1;position:relative}.dashboard-main--collapsed{margin-left:var(--sidebar-collapsed-width)}.page-container{padding:var(--space-xl) var(--space-2xl);max-width:1400px;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:var(--z-sidebar);transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--glass-border);min-height:var(--header-height);display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:var(--color-accent-gradient);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #3b82f64d}.sidebar-logo-icon svg{color:#fff;width:20px;height:20px}.sidebar-logo-text{font-size:var(--text-lg);color:var(--color-text-primary);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);font-weight:700}.sidebar--collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.sidebar-nav{padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar-section-label{padding:var(--space-md) var(--space-sm) var(--space-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap;font-size:.6875rem;font-weight:600;overflow:hidden}.sidebar--collapsed .sidebar-section-label{text-align:center;font-size:0}.sidebar--collapsed .sidebar-section-label:after{content:"•••";font-size:.6875rem}.sidebar-link{align-items:center;gap:var(--space-md);padding:.625rem var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--color-text-primary);background:#94a3b80f}.sidebar-link--active{color:var(--color-accent-primary);background:var(--color-accent-glow)}.sidebar-link--active:before{content:"";background:var(--color-accent-gradient);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:50%;position:absolute;top:25%;left:0}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-icon svg{width:20px;height:20px}.sidebar-link-label{opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar-link-label{opacity:0;pointer-events:none}.sidebar--collapsed .sidebar-link{justify-content:center;padding:.625rem}.sidebar-toggle{padding:var(--space-md);border-top:1px solid var(--glass-border);cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--color-text-secondary)}.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:0 var(--space-2xl);z-index:var(--z-header);transition:left var(--transition-base);background:#06090fcc;justify-content:space-between;align-items:center;display:flex;position:fixed}.header--collapsed{left:var(--sidebar-collapsed-width)}.header-title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.header-actions{align-items:center;gap:var(--space-md);display:flex}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-xs);font-weight:800}.page-header p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);z-index:1;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.data-table tbody td{font-size:var(--text-sm);color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #94a3b80f;padding:.875rem 1rem}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#94a3b80a}.progress-bar{border-radius:var(--radius-full);background:#94a3b81a;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:2s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-container{bottom:var(--space-xl);right:var(--space-xl);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column-reverse;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:320px;max-width:460px;animation:toast-in .35s var(--transition-spring);display:flex}.toast-leaving{animation:.25s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-message{font-size:var(--text-sm);color:var(--color-text-primary);flex:1}.toast-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#0009;animation:.2s fade-in;position:fixed;inset:0}.modal{z-index:var(--z-modal);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.34,1.56,.64,1) modal-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);font-weight:700}.modal-body{padding:var(--space-xl)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-primary);display:flex}.skeleton{background:linear-gradient(90deg, var(--color-bg-elevated) 25%, #94a3b814 50%, var(--color-bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;height:14px}.skeleton-heading{width:60%;height:24px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.spinner{border:2px solid #94a3b826;border-top-color:var(--color-accent-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:14px;height:14px}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-3xl) var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--color-accent-glow);width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--color-accent-primary);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:28px;height:28px}.empty-state h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);font-weight:700}.empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-lg)}.settings-card{padding:var(--space-xl)}.settings-card-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.settings-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-card-icon svg{width:22px;height:22px}.settings-card-title{font-size:var(--text-lg);margin-bottom:2px;font-weight:700}.settings-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-form{gap:var(--space-lg);flex-direction:column;display:flex}.settings-form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.settings-form-actions{gap:var(--space-sm);padding-top:var(--space-md);display:flex}.date-range-picker{align-items:center;gap:var(--space-sm);display:flex}.date-range-picker .input-field{max-width:180px}.date-range-presets{gap:var(--space-xs);margin-left:var(--space-sm);display:flex}.date-range-presets .btn{font-size:var(--text-xs);padding:.375rem .75rem}.stat-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{padding:var(--space-lg)}.stat-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-weight:600}.stat-card-value{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800}.stat-card-change{margin-top:var(--space-xs);font-size:var(--text-xs);align-items:center;gap:4px;font-weight:600;display:flex}.stat-card-change--up{color:var(--color-success)}.stat-card-change--down{color:var(--color-error)}.tabs{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-xl);gap:2px;display:flex}.tab{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--color-text-secondary)}.tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.insight-card{padding:var(--space-xl);gap:var(--space-lg);display:flex}.insight-rank{background:var(--color-accent-glow);width:40px;height:40px;font-size:var(--text-lg);color:var(--color-accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.insight-content{flex:1;min-width:0}.insight-title{font-size:var(--text-base);margin-bottom:var(--space-xs);font-weight:700}.insight-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.insight-meta{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.insight-metric{flex-direction:column;gap:2px;display:flex}.insight-metric-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.insight-metric-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.volume-bar{border-radius:var(--radius-full);width:100%;height:8px;margin-top:var(--space-sm);background:#94a3b814;overflow:hidden}.volume-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.volume-bar-fill--critical{background:linear-gradient(90deg,#ef4444,#f97316)}.volume-bar-fill--high{background:linear-gradient(90deg,#f59e0b,#eab308)}.volume-bar-fill--medium{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.volume-bar-fill--low{background:linear-gradient(90deg,#10b981,#06b6d4)}.editor-layout{gap:var(--space-lg);min-height:calc(100vh - var(--header-height) - 200px);grid-template-columns:1fr 1fr;display:grid}.editor-pane{flex-direction:column;display:flex}.editor-toolbar{padding:var(--space-sm);border-bottom:1px solid var(--color-border-primary);align-items:center;gap:2px;display:flex}.editor-toolbar-btn{border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);background:0 0;border:none;align-items:center;padding:6px 8px;display:flex}.editor-toolbar-btn:hover{color:var(--color-text-secondary);background:#94a3b814}.editor-toolbar-btn--active{background:var(--color-accent-glow);color:var(--color-accent-primary)}.editor-textarea{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;line-height:1.7}.editor-preview{padding:var(--space-lg);font-size:var(--text-sm);flex:1;line-height:1.8;overflow-y:auto}.editor-preview h1{font-size:var(--text-2xl);margin:0 0 var(--space-md);font-weight:800}.editor-preview h2{font-size:var(--text-xl);margin:var(--space-xl) 0 var(--space-md);font-weight:700}.editor-preview h3{font-size:var(--text-lg);margin:var(--space-lg) 0 var(--space-sm);font-weight:600}.editor-preview p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.editor-preview ul,.editor-preview ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.editor-preview li{margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.editor-preview code{background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:2px 6px;font-size:.85em}.onboarding-container{min-height:100vh;padding:var(--space-xl);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.onboarding-card{width:100%;max-width:520px;padding:var(--space-2xl)}.onboarding-step-indicator{gap:var(--space-sm);margin-bottom:var(--space-2xl);display:flex}.onboarding-step-dot{border-radius:var(--radius-full);height:3px;transition:background var(--transition-base);background:#94a3b826;flex:1}.onboarding-step-dot--active{background:var(--color-accent-gradient)}.onboarding-step-dot--completed{background:var(--color-success)}.onboarding-title{font-size:var(--text-2xl);margin-bottom:var(--space-xs);letter-spacing:-.01em;font-weight:800}.onboarding-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.auth-container{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.kb-match{padding:var(--space-lg);border-left:3px solid var(--color-warning)}.kb-match-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.kb-match-header .badge{margin-left:auto}.kb-match-title{font-size:var(--text-sm);font-weight:600}.kb-match-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}@media (max-width:1024px){.editor-layout,.settings-form-row{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.dashboard-main{margin-left:0}.header{left:0}.page-container{padding:var(--space-lg) var(--space-md)}.stat-grid{grid-template-columns:1fr 1fr}.date-range-picker{flex-direction:column;align-items:stretch}.date-range-picker .input-field{max-width:none}.date-range-presets{flex-wrap:wrap;margin-left:0}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.page-header h1{font-size:var(--text-2xl)}}