@import"https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.page-tabs{display:flex;gap:0;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-default)}.page-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;font-family:var(--font-body);text-transform:none;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;position:relative;transition:all var(--transition-base)}.page-tab:hover,.page-tab.active{color:var(--accent-cyan)}.page-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent-cyan)}.page-tab svg{flex-shrink:0}.tab-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px;margin-left:var(--space-2)}.tab-badge.complete{background:#9eff1f26;color:var(--accent-green);border:1px solid var(--accent-green)}.tab-badge.in-progress{background:#f59e0b26;color:var(--status-in-progress);border:1px solid var(--status-in-progress)}.tab-badge.neutral{background:#6b6b6b26;color:var(--text-secondary);border:1px solid var(--border-default)}.page-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.header-actions{display:flex;gap:var(--space-3);flex-shrink:0;padding-top:var(--space-2)}@font-face{font-family:Arcade Gamer;src:url(/fonts/ArcadeGamer-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading: "Almarai", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-button: "Arcade Gamer", monospace;--font-display: "Arcade Gamer", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000}[data-theme=dark],:root{--bg-primary: #555B63;--bg-surface: #1A1A1A;--bg-surface-hover: #252525;--bg-inset: #111111;--text-primary: #FFFFFF;--text-secondary: #C0C0C0;--text-tertiary: #808080;--accent-cyan: #2FF3E0;--accent-green: #9EFF1F;--status-not-started: #6B6B6B;--status-in-progress: #F59E0B;--status-review: #2FF3E0;--status-complete: #9EFF1F;--status-error: #EF4444;--border-default: #363B42;--border-hover: #464B52;--glow-cyan: rgba(47, 243, 224, .12);--color-success: var(--accent-green);--color-success-muted: rgba(158, 255, 31, .15);--color-warning: #F59E0B;--color-warning-muted: rgba(245, 158, 11, .15);--color-error: #EF4444;--color-error-muted: rgba(239, 68, 68, .15);--color-info: var(--accent-cyan);--color-info-muted: rgba(47, 243, 224, .15);--color-gray-50: #1A1A1A;--color-gray-100: #2A2D32;--color-gray-200: #363B42;--color-gray-300: #464B52;--color-gray-400: #6B6B6B;--color-gray-500: #A1A1A1;--color-gray-600: #D4D4D4;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 0 16px rgba(47, 243, 224, .08);--shadow-lg: 0 0 24px rgba(47, 243, 224, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-btn-pop: 4px 4px 0px 0px rgba(47, 243, 224, .7);--shadow-btn-pop-hover: 6px 6px 0px 0px rgba(47, 243, 224, .8);--shadow-btn-pop-active: 2px 2px 0px 0px rgba(47, 243, 224, .5);--severity-critical-text: #EF4444;--severity-critical-bg: rgba(239, 68, 68, .15);--severity-critical-border: #EF4444;--severity-high-text: #F97316;--severity-high-bg: rgba(249, 115, 22, .15);--severity-high-border: #F97316;--severity-medium-text: #F59E0B;--severity-medium-bg: rgba(245, 158, 11, .15);--severity-medium-border: #F59E0B;--severity-low-text: #22C55E;--severity-low-bg: rgba(34, 197, 94, .15);--severity-low-border: #22C55E;--risk-score-1: #86EFAC;--risk-score-2: #BEF264;--risk-score-3: #FCD34D;--risk-score-4: #F59E0B;--risk-score-5: #FB923C;--risk-score-6: #F97316;--risk-score-7: #EF4444;--risk-level-1: #22C55E;--risk-level-1-bg: rgba(34, 197, 94, .15);--risk-level-2: #84CC16;--risk-level-2-bg: rgba(132, 204, 22, .15);--risk-level-3: #EAB308;--risk-level-3-bg: rgba(234, 179, 8, .15);--risk-level-4: #F97316;--risk-level-4-bg: rgba(249, 115, 22, .15);--status-accepted: #A78BFA;--status-accepted-bg: rgba(139, 92, 246, .2);--color-white: var(--bg-surface);--color-charcoal: var(--text-primary);--color-deep-purple: var(--bg-surface);--color-cyber-cyan: var(--accent-cyan);--color-neon-lime: var(--accent-green)}[data-theme=light]{--bg-primary: #F0EDEA;--bg-surface: #FFFFFF;--bg-surface-hover: #F7F5F3;--bg-inset: #EDE9E5;--text-primary: #2D3436;--text-secondary: #636E72;--text-tertiary: #B2BEC3;--accent-cyan: #4FA69D;--accent-green: #7CB342;--status-not-started: #9CA3AF;--status-in-progress: #D97706;--status-review: #4FA69D;--status-complete: #7CB342;--status-error: #DC2626;--border-default: #E0DCD8;--border-hover: #C8C3BE;--glow-cyan: rgba(79, 166, 157, .08);--color-success: #7CB342;--color-success-muted: rgba(124, 179, 66, .15);--color-warning: #D97706;--color-warning-muted: rgba(217, 119, 6, .15);--color-error: #DC2626;--color-error-muted: rgba(220, 38, 38, .12);--color-info: #4FA69D;--color-info-muted: rgba(79, 166, 157, .12);--color-gray-50: #FAF9F7;--color-gray-100: #F0EDEA;--color-gray-200: #E0DCD8;--color-gray-300: #C8C3BE;--color-gray-400: #9CA3AF;--color-gray-500: #636E72;--color-gray-600: #2D3436;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--shadow-btn-pop: 3px 3px 0px 0px rgba(79, 166, 157, .35);--shadow-btn-pop-hover: 5px 5px 0px 0px rgba(79, 166, 157, .45);--shadow-btn-pop-active: 1px 1px 0px 0px rgba(79, 166, 157, .25);--severity-critical-text: #991B1B;--severity-critical-bg: rgba(239, 68, 68, .12);--severity-critical-border: #EF4444;--severity-high-text: #C2410C;--severity-high-bg: rgba(249, 115, 22, .12);--severity-high-border: #F97316;--severity-medium-text: #92400E;--severity-medium-bg: rgba(245, 158, 11, .12);--severity-medium-border: #F59E0B;--severity-low-text: #166534;--severity-low-bg: rgba(34, 197, 94, .12);--severity-low-border: #22C55E;--risk-score-1: #4ADE80;--risk-score-2: #A3E635;--risk-score-3: #FACC15;--risk-score-4: #F59E0B;--risk-score-5: #FB923C;--risk-score-6: #F97316;--risk-score-7: #EF4444;--risk-level-1: #16A34A;--risk-level-1-bg: rgba(34, 197, 94, .12);--risk-level-2: #65A30D;--risk-level-2-bg: rgba(101, 163, 13, .12);--risk-level-3: #A16207;--risk-level-3-bg: rgba(161, 98, 7, .12);--risk-level-4: #C2410C;--risk-level-4-bg: rgba(194, 65, 12, .12);--status-accepted: #7C3AED;--status-accepted-bg: rgba(124, 58, 237, .15);--color-white: var(--bg-surface);--color-charcoal: var(--text-primary);--color-deep-purple: var(--bg-surface);--color-cyber-cyan: var(--accent-cyan);--color-neon-lime: var(--accent-green)}[data-theme=light] .sidebar-nav{--bg-surface: #000000;--bg-surface-hover: #1A1A1A;--bg-primary: #000000;--text-primary: #FFFFFF;--text-secondary: #A1A1A1;--text-tertiary: #6B6B6B;--accent-cyan: #4FA69D;--border-default: #2A2A2A;--border-hover: #3A3A3A;--status-error: #DC2626;background:var(--bg-surface);border-right-color:#2a2a2a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);line-height:1.3}h1{font-size:48px;font-weight:800}h2{font-size:32px;font-weight:700}h3{font-size:24px;font-weight:700}h4{font-size:18px;font-weight:700}p,li,td,th{font-family:var(--font-body);font-weight:400}label{font-family:var(--font-body);font-weight:500}input,textarea,select{font-family:var(--font-body);font-weight:400}button,.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}a{color:var(--accent-cyan);text-decoration:none;transition:all var(--transition-base)}a:hover{text-decoration:underline;text-underline-offset:3px}::selection{background-color:var(--accent-cyan);color:var(--bg-primary)}.btn-primary{font-family:var(--font-display);text-transform:uppercase;background:var(--accent-green);color:var(--bg-primary);padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);letter-spacing:.05em;cursor:pointer;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-btn-pop)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-btn-pop-hover)}.btn-primary:active{transform:translate(2px,2px);box-shadow:var(--shadow-btn-pop-active)}.btn-secondary{font-family:var(--font-display);text-transform:uppercase;background:transparent;color:var(--accent-cyan);padding:12px 24px;border:2px solid var(--accent-cyan);border-radius:var(--radius-md);font-size:var(--text-sm);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-cyan) 20%,transparent)}.btn-ghost{font-family:var(--font-display);text-transform:uppercase;background:transparent;color:var(--text-secondary);padding:12px 24px;border:none;font-size:var(--text-sm);letter-spacing:.05em;cursor:pointer;transition:color var(--transition-base)}.btn-ghost:hover{color:var(--text-primary)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-default);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-not-started{background:#6b6b6b33;color:var(--status-not-started);border:1px solid var(--status-not-started)}.badge-in-progress{background:#f59e0b33;color:var(--status-in-progress);border:1px solid var(--status-in-progress)}.badge-review{background:#2ff3e033;color:var(--status-review);border:1px solid var(--status-review)}.badge-complete{background:#9eff1f33;color:var(--status-complete);border:1px solid var(--status-complete)}.badge-error{background:#ef444433;color:var(--status-error);border:1px solid var(--status-error)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);width:100%;transition:all var(--transition-base)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #2ff3e01a}.input:hover:not(:focus),input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--border-hover)}.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}.font-heading{font-family:var(--font-heading);font-weight:var(--font-bold)}.font-accent{font-family:var(--font-accent)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-white{color:var(--text-primary)}.text-muted{color:var(--text-secondary)}.text-charcoal{color:var(--text-primary)}.text-lime{color:var(--accent-green)}.bg-primary{background-color:var(--bg-primary)}.bg-surface,.bg-white,.bg-deep-purple,.bg-gray{background-color:var(--bg-surface)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.survey-progress{margin-bottom:32px}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.progress-info{display:flex;flex-direction:column;gap:4px}.progress-section-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.progress-section-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-primary)}.progress-time{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.progress-time svg{color:var(--text-tertiary)}.progress-steps{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.progress-step{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;gap:8px;padding:12px 8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .15s ease;min-width:0}.progress-step:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.progress-step.active{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent)}.progress-step.completed{border-color:var(--accent-green)}.progress-step.past:not(.active){opacity:.7}.step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-primary);border:2px solid var(--border-default);color:var(--text-secondary);flex-shrink:0;transition:all .15s ease}.progress-step.active .step-indicator{border-color:var(--accent-cyan);color:var(--accent-cyan)}.progress-step.completed .step-indicator{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.step-label{font-size:11px;color:var(--text-secondary);font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.02em}.progress-step.active .step-label{color:var(--text-primary)}.progress-bar{height:4px;background:var(--border-default);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:2px;transition:width .3s ease}@media(max-width:768px){.progress-header{flex-direction:column;gap:8px}.progress-steps{-webkit-overflow-scrolling:touch}.step-label{display:none}.progress-step{padding:8px}}.survey-section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.section-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.section-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.section-questions{display:flex;flex-direction:column;gap:32px}.multi-select-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-inset);border:1px solid var(--border-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.multi-select-dropdown.open .dropdown-trigger,.dropdown-trigger:hover{border-color:var(--color-gray-300)}.multi-select-dropdown.open .dropdown-trigger{border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 15%,transparent)}.selected-items{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1}.placeholder{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-sm)}.selected-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:color-mix(in srgb,var(--accent-green) 15%,transparent);border:1px solid var(--accent-green);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.remove-pill{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;border-radius:50%;font-size:14px;line-height:1;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.remove-pill:hover{background:#0000001a;color:var(--text-primary)}.dropdown-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.multi-select-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:100;max-height:280px;overflow:hidden;display:flex;flex-direction:column}.dropdown-search{padding:var(--space-2);border-bottom:1px solid var(--border-hover)}.dropdown-search input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-hover);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--color-gray-50);transition:all var(--transition-base)}.dropdown-search input:focus{outline:none;border-color:var(--accent-cyan);background:var(--bg-surface)}.dropdown-search input::placeholder{color:var(--text-tertiary)}.dropdown-options{overflow-y:auto;max-height:220px;padding:var(--space-1) 0}.dropdown-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.dropdown-option:hover{background:var(--color-gray-50)}.dropdown-option.selected{background:color-mix(in srgb,var(--accent-green) 8%,transparent)}.dropdown-option.disabled{opacity:.5;cursor:not-allowed}.dropdown-option.disabled:hover{background:transparent}.dropdown-option input[type=checkbox]{display:none}.checkbox-indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-gray-300);border-radius:3px;background:var(--bg-surface);flex-shrink:0;transition:all var(--transition-fast)}.dropdown-option.selected .checkbox-indicator{background:var(--accent-green);border-color:var(--accent-green)}.checkbox-indicator svg{color:var(--bg-surface)}.option-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.no-options{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-sm)}@media(max-width:480px){.selected-pill{max-width:150px}.dropdown-menu{max-height:240px}}.multi-select-ranked{display:flex;flex-direction:column;gap:16px}.ranked-selected-list{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.ranked-list-header{padding:12px 16px;border-bottom:1px solid var(--border-default);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent)}.ranked-list-title{font-size:13px;color:var(--text-secondary);font-weight:500}.ranked-items{display:flex;flex-direction:column}.ranked-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);cursor:grab;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.ranked-item:last-child{border-bottom:none}.ranked-item:hover{background:var(--bg-surface-hover)}.ranked-item.dragging{opacity:.5;cursor:grabbing}.ranked-item.drag-over{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);border-top:2px solid var(--accent-cyan);margin-top:-1px}.ranked-item-handle{color:var(--text-tertiary);cursor:grab;padding:4px;flex-shrink:0}.ranked-item-handle:hover{color:var(--text-secondary)}.ranked-item.dragging .ranked-item-handle{cursor:grabbing}.ranked-item-rank{font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);padding:4px 8px;border-radius:var(--radius-sm);min-width:36px;text-align:center;flex-shrink:0}.ranked-item-content{flex:1;min-width:0}.ranked-item-label{display:block;font-family:var(--font-body);font-size:14px;color:var(--text-primary);font-weight:500}.ranked-item-description{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.ranked-item-remove{flex-shrink:0;padding:4px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.ranked-item-remove:hover{color:var(--status-error);background:color-mix(in srgb,var(--status-error) 10%,transparent)}.ranked-available{display:flex;flex-direction:column;gap:8px}.ranked-available-header{display:flex;align-items:center;gap:8px}.ranked-available-title{font-size:13px;color:var(--text-secondary);font-weight:500}.ranked-chips{display:flex;flex-wrap:wrap;gap:8px}.ranked-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.ranked-chip:hover:not(.disabled){border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent)}.ranked-chip:hover:not(.disabled) .chip-add-icon{color:var(--accent-cyan)}.ranked-chip.disabled{opacity:.4;cursor:not-allowed;background:var(--bg-primary)}.chip-label{font-weight:500}.chip-coming-soon{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-surface-hover);padding:2px 6px;border-radius:var(--radius-sm)}.chip-add-icon{color:var(--text-tertiary);transition:color .15s ease}.ranked-help-text{font-size:13px;color:var(--text-secondary);margin:0}@media(hover:none){.ranked-item{cursor:default}.ranked-item-handle{display:none}}.single-select-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:600px){.single-select-cards{grid-template-columns:1fr}}.select-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .2s ease;position:relative}.select-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.select-card:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.select-card.selected{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent);box-shadow:0 0 20px var(--glow-cyan)}.card-icon{color:var(--text-secondary);transition:color .2s ease}.select-card:hover .card-icon{color:var(--text-primary)}.select-card.selected .card-icon{color:var(--accent-cyan)}.card-content{display:flex;flex-direction:column;gap:4px;flex:1}.card-label{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary)}.card-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.select-card.selected .card-description{color:var(--text-primary)}.card-check{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.select-card.selected{animation:cardSelected .3s ease}@keyframes cardSelected{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.exclusive-multi-select{display:flex;flex-direction:column;gap:8px}.exclusive-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .15s ease}.exclusive-option:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.exclusive-option.selected{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent)}.exclusive-option.exclusive{border-style:dashed}.exclusive-option.exclusive.selected{border-style:solid;border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 5%,transparent)}.exclusive-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-indicator{width:20px;height:20px;border:2px solid var(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;background:var(--bg-primary)}.exclusive-option:hover .checkbox-indicator{border-color:var(--border-hover)}.exclusive-option.selected .checkbox-indicator{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.exclusive-option.exclusive.selected .checkbox-indicator{background:var(--accent-green);border-color:var(--accent-green)}.option-label{flex:1;font-size:14px;color:var(--text-primary)}.exclusive-option.selected .option-label{font-weight:500}.exclusive-badge{font-size:11px;color:var(--text-tertiary);background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em}.exclusive-option.exclusive.selected .exclusive-badge{color:var(--accent-green);border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 10%,transparent)}.exclusive-option:focus-within{outline:2px solid var(--accent-cyan);outline-offset:2px}.country-select{display:flex;flex-direction:column;gap:16px}.country-field,.state-field,.other-field{display:flex;flex-direction:column;gap:6px}.country-label,.state-label,.other-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.selected-flag{font-size:18px;line-height:1}.country-dropdown,.state-dropdown{width:100%;padding:12px 40px 12px 16px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23A1A1A1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.country-dropdown:hover,.state-dropdown:hover{border-color:var(--border-hover)}.country-dropdown:focus,.state-dropdown:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.country-dropdown option,.state-dropdown option{background:var(--bg-inset);color:var(--text-primary);padding:8px}.other-input{width:100%;padding:12px 16px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .15s ease}.other-input::placeholder{color:var(--text-tertiary)}.other-input:hover{border-color:var(--border-hover)}.other-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.state-field,.other-field{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.question-field{display:flex;flex-direction:column;gap:12px}.question-field.has-error .question-input,.question-field.has-error .question-textarea,.question-field.has-error .question-select{border-color:var(--status-error)}.question-header{display:flex;flex-direction:column;gap:4px}.question-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-primary)}.question-number{font-family:var(--font-button);text-transform:uppercase;font-size:11px;color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.required{color:var(--status-error);margin-left:2px}.question-help{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.question-input-wrapper{display:flex;flex-direction:column;gap:8px}.question-input{width:100%;padding:12px 16px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .15s ease}.question-input::placeholder{color:var(--text-tertiary)}.question-input:hover{border-color:var(--border-hover)}.question-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.question-input:-webkit-autofill,.question-input:-webkit-autofill:hover,.question-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-inset) inset;box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 5000s ease-in-out 0s}.question-textarea{width:100%;padding:12px 16px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;resize:vertical;min-height:80px;transition:all .15s ease}.question-textarea::placeholder{color:var(--text-tertiary)}.question-textarea:hover{border-color:var(--border-hover)}.question-textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.question-textarea:-webkit-autofill,.question-textarea:-webkit-autofill:hover,.question-textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-inset) inset;box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 5000s ease-in-out 0s}.question-select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23A1A1A1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.question-select:hover{border-color:var(--border-hover)}.question-select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.question-select:-webkit-autofill,.question-select:-webkit-autofill:hover,.question-select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-inset) inset;box-shadow:0 0 0 1000px var(--bg-inset) inset;transition:background-color 5000s ease-in-out 0s}.question-select option{background:var(--bg-inset);color:var(--text-primary)}.other-input{margin-top:8px}.max-selections-hint{font-size:12px;color:var(--text-tertiary)}.max-selections-hint.at-max{color:var(--status-in-progress)}.field-error{font-size:13px;color:var(--status-error)}.unknown-type{color:var(--status-error);font-style:italic}.validation-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;animation:alertSlideIn .3s ease}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.validation-alert.warning{background:color-mix(in srgb,var(--status-in-progress) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-in-progress) 30%,transparent)}.validation-alert.info{background:color-mix(in srgb,var(--accent-cyan) 5%,transparent);border:1px solid color-mix(in srgb,var(--accent-cyan) 20%,transparent)}.alert-icon{flex-shrink:0;margin-top:2px}.validation-alert.warning .alert-icon{color:var(--status-in-progress)}.validation-alert.info .alert-icon{color:var(--accent-cyan)}.alert-content{flex:1;min-width:0}.alert-message{margin:0;font-size:14px;line-height:1.5}.validation-alert.warning .alert-message{color:var(--status-in-progress)}.validation-alert.info .alert-message{color:var(--text-primary)}.alert-dismiss{flex-shrink:0;padding:4px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.alert-dismiss:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 10%,transparent)}.business-context-survey{max-width:960px;margin:0 auto;padding:24px}.survey-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:var(--text-secondary)}.survey-loading .spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.survey-save-status{display:flex;justify-content:flex-end;margin-bottom:8px}.survey-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.survey-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-default)}.actions-left,.actions-right{display:flex;align-items:center;gap:12px}.saving-indicator{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.saving-indicator:before{content:"";width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.unsaved-indicator{font-size:13px;color:var(--status-in-progress)}.business-context-survey .btn{font-family:var(--font-button);text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.business-context-survey .btn-primary{background:var(--accent-green);color:var(--bg-primary);border:none;box-shadow:var(--shadow-btn-pop, 4px 4px 0px 0px color-mix(in srgb, var(--accent-cyan) 80%, transparent))}.business-context-survey .btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px color-mix(in srgb,var(--accent-cyan) 90%,transparent)}.business-context-survey .btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px color-mix(in srgb,var(--accent-cyan) 70%,transparent)}.business-context-survey .btn-primary:disabled{opacity:.5;cursor:not-allowed}.business-context-survey .btn-secondary{background:transparent;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}.business-context-survey .btn-secondary:hover{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-cyan) 20%,transparent)}@media(max-width:768px){.business-context-survey{padding:16px}.survey-actions{flex-direction:column;gap:16px}.actions-left,.actions-right{width:100%;justify-content:center}.actions-left{order:2}.actions-right{order:1;flex-direction:column}.business-context-survey .btn{width:100%;justify-content:center}}.onboarding-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-gray-50);gap:var(--space-4);z-index:9999;box-sizing:border-box}.onboarding-loading p{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-hover);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-gray-50, #f8fafc);z-index:9999;overflow-y:auto;padding:var(--space-8) var(--space-4);box-sizing:border-box}.onboarding-modal{max-width:900px;margin:0 auto;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, .1));overflow:hidden;border:1px solid var(--border-hover)}.onboarding-modal-header{background:linear-gradient(135deg,#1a1a1a,#111);padding:var(--space-8);text-align:center}.onboarding-modal-header h1{font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-3xl);color:#2ff3e0;margin:0 0 var(--space-3) 0;letter-spacing:.02em}.onboarding-modal-header .typewriter-text{font-family:"Arcade Gamer",var(--font-display),monospace;text-transform:uppercase;display:inline}.onboarding-modal-header .typewriter-cursor{display:inline-block;width:3px;height:1.2em;background-color:#2ff3e0;margin-left:2px;vertical-align:text-bottom;animation:typewriter-blink 1s step-end infinite}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.onboarding-modal-header p{font-family:var(--font-body);font-size:var(--text-base);color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.onboarding-modal .business-context-survey{padding:var(--space-6) var(--space-8) var(--space-8);max-width:none}.onboarding-modal .survey-section{box-shadow:none;border:none}@media(max-width:768px){.onboarding-overlay{padding:var(--space-4) var(--space-2)}.onboarding-modal{border-radius:var(--radius-lg)}.onboarding-modal-header{padding:var(--space-6)}.onboarding-modal-header h1{font-size:var(--text-2xl)}.onboarding-modal-header p{font-size:var(--text-sm)}.onboarding-modal .business-context-survey{padding:var(--space-4)}}@media(max-width:480px){.onboarding-overlay{padding:0}.onboarding-modal{border-radius:0;min-height:100vh}.onboarding-modal-header{padding:var(--space-5)}}.sidebar-nav{width:260px;height:100vh;background:var(--bg-surface);position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);border-right:1px solid var(--border-default);z-index:var(--z-sticky)}.sidebar-logo{padding:0 0 var(--space-8) 0;text-align:center}.sidebar-logo img{max-width:75%;height:auto}.sidebar-menu{list-style:none;padding:0;margin:0;flex:1}.sidebar-menu li{margin-bottom:var(--space-1)}.sidebar-menu a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.sidebar-menu a:hover{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);color:var(--accent-cyan)}.sidebar-menu a.active{background:color-mix(in srgb,var(--accent-cyan) 15%,transparent);color:var(--accent-cyan);box-shadow:0 0 15px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}[data-theme=light] .sidebar-nav .sidebar-menu a.active{background:var(--accent-cyan);color:#fff;box-shadow:none}.sidebar-menu svg{width:20px;height:20px;flex-shrink:0}.sidebar-link--locked{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-tertiary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.45;cursor:not-allowed;-webkit-user-select:none;user-select:none;position:relative}.sidebar-lock-icon{width:14px;height:14px;margin-left:auto;flex-shrink:0;opacity:.7}.sidebar-dropdown{position:relative}.sidebar-dropdown-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);text-align:left;text-transform:none}.sidebar-dropdown-toggle:hover{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);color:var(--accent-cyan)}.sidebar-dropdown-toggle.active{background:color-mix(in srgb,var(--accent-cyan) 15%,transparent);color:var(--accent-cyan)}.dropdown-arrow{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-base)}.dropdown-arrow.open{transform:rotate(180deg)}.sidebar-submenu{list-style:none;padding:var(--space-1) 0 var(--space-1) var(--space-4);margin:0}.sidebar-submenu li{margin-bottom:2px}.sidebar-submenu a{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb,var(--accent-cyan) 5%,transparent);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);border:1px solid var(--border-default)}.sidebar-user:hover{background:color-mix(in srgb,var(--accent-cyan) 10%,transparent);border-color:var(--border-hover);box-shadow:0 0 15px color-mix(in srgb,var(--accent-cyan) 10%,transparent)}.sidebar-user img{width:40px;height:40px;border-radius:50%;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--status-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-error) 20%,transparent);color:color-mix(in srgb,var(--status-error) 60%,white);border-radius:var(--radius-md);font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base)}.sidebar-signout:hover{background:color-mix(in srgb,var(--status-error) 20%,transparent);border-color:color-mix(in srgb,var(--status-error) 30%,transparent);color:color-mix(in srgb,var(--status-error) 40%,white)}.sidebar-signout:active{transform:scale(.98)}.sidebar-signout svg{width:18px;height:18px;flex-shrink:0}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;padding:40px 24px}.loading-fallback-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-cyan);border-radius:50%;animation:loading-fallback-spin .8s linear infinite}.loading-fallback-message{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0}@keyframes loading-fallback-spin{to{transform:rotate(360deg)}}.app-container{display:flex;min-height:100vh}.main-content{margin-left:260px;padding:30px;flex:1;background-color:var(--bg-primary);min-height:100vh}