@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--accent-purple: #F97316;--accent-secondary: #3A3A3A;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--text-primary: #2a2a2a;--text-secondary: #555555;--text-tertiary: #777777;--accent-primary: #F97316;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(249, 115, 22, .2);--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .12);--gradient-1: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--gradient-2: linear-gradient(135deg, #3A3A3A 0%, #2E2E2E 100%);--gradient-3: linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(249, 115, 22, .2);--orb-color-1: rgba(249, 115, 22, .25);--orb-color-2: rgba(58, 58, 58, .18);--orb-color-3: rgba(234, 88, 12, .2);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .4);--shadow-purple: 0 8px 24px rgba(249, 115, 22, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#8b5cf680}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--text-secondary);opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-secondary);opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--text-secondary);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--accent-purple);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-card-premium{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 30px #0000001a,inset 0 1px #ffffff0d}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--bg-primary);padding:24px}.error-boundary-content{max-width:600px;width:100%;padding:48px 32px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-xl);text-align:center}.error-icon{font-size:4rem;margin-bottom:24px;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.error-message{margin-bottom:24px}.error-user-message{font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:8px;font-weight:500}.error-suggestion{font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.error-id-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;margin-bottom:24px}.error-id-label{font-size:.8rem;color:var(--text-secondary)}.error-id-value{font-size:.85rem;font-family:Monaco,Courier New,monospace;color:#6366f1;background:#6366f126;padding:2px 8px;border-radius:4px}.error-copy-btn{background:transparent;border:1px solid rgba(99,102,241,.3);color:#6366f1;font-size:.75rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.error-copy-btn:hover{background:#6366f11a}.error-footer{margin-top:24px;font-size:.75rem;color:#ffffff59}.error-footer strong{color:#10b981;font-weight:600}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn{padding:12px 24px;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.error-btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #00000026}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.error-btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--glass-border)}.error-btn-secondary:hover{background:var(--glass-bg);transform:translateY(-2px)}.error-details{margin-top:32px;padding:16px;background:#0003;border-radius:12px;text-align:left;border:1px solid rgba(255,255,255,.1)}.error-details summary{cursor:pointer;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:8px}.error-details summary:hover{color:var(--text-primary)}.error-technical{margin-top:16px;padding:16px;background:#0000004d;border-radius:8px;overflow-x:auto;font-size:.8125rem;line-height:1.5;color:#ff6b6b;font-family:Courier New,monospace}.error-technical code{color:inherit}@media(max-width:768px){.error-boundary-content{padding:32px 24px}.error-title{font-size:1.5rem}.error-message{font-size:.9375rem}.error-actions{flex-direction:column}.error-btn{width:100%}}.dynamic-island{display:inline-flex;align-items:center;gap:0;max-width:400px}.island-static{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-primary);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--accent-purple);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;min-height:44px;flex-shrink:0;transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}.island-static:hover{box-shadow:0 15px 50px #8b5cf64d,0 0 0 1px var(--accent-purple),inset 0 1px #ffffff26;border-color:var(--accent-purple)}.dynamic-island-container{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;min-height:40px;transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}.dynamic-island-container:hover{box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-border),inset 0 1px #ffffff26;border-color:var(--accent-primary)}.island-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;opacity:.6}.island-nav-btn:hover:not(:disabled){opacity:1;transform:scale(1.15)}.island-nav-btn:active:not(:disabled){transform:scale(.9)}.island-nav-btn:disabled{opacity:.2;cursor:not-allowed}.island-content{position:relative;min-width:180px;max-width:280px;height:24px;overflow:hidden}.island-slide{display:flex;align-items:center;gap:8px;width:100%;height:100%}.island-label{font-size:.875rem;font-weight:700;color:var(--accent-primary);flex-shrink:0;letter-spacing:.3px}.island-text{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.island-indicators{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:3px 6px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--glass-border)}.island-indicator{width:5px;height:5px;background:var(--text-secondary);opacity:.3;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);padding:0}.island-indicator:hover{opacity:.6;transform:scale(1.2)}.island-indicator.active{background:var(--accent-primary);opacity:1;width:16px;border-radius:8px}.island-domain-badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#06b6d426;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--accent-cyan);border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;min-height:44px}.domain-icon{font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.domain-name{font-size:.9375rem;font-weight:600;color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,.5);white-space:nowrap}@media(max-width:1024px){.dynamic-island{top:12px;gap:8px}.dynamic-island-container{padding:8px 16px;min-height:40px}.island-content{min-width:200px;max-width:350px}.island-label,.island-text,.domain-name{font-size:.875rem}.island-domain-badge{padding:8px 12px;min-height:40px}}@media(max-width:768px){.dynamic-island{top:8px;flex-direction:column;gap:6px}.dynamic-island-container{padding:6px 12px;min-height:36px}.island-content{min-width:150px;max-width:280px}.island-label,.island-text,.domain-name{font-size:.8125rem}.island-nav-btn{width:24px;height:24px}.island-domain-badge{padding:6px 10px;min-height:36px}}@media(max-width:480px){.dynamic-island{top:6px}.dynamic-island-container{padding:6px 10px;min-height:32px}.island-content{min-width:120px;max-width:200px}.island-label,.island-text,.domain-name{font-size:.75rem}.island-nav-btn{width:22px;height:22px}.island-indicators{bottom:-16px}}@keyframes slideIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.dynamic-island{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.app-header{position:fixed;top:0;left:280px;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;transition:left var(--transition-normal) cubic-bezier(.4,0,.2,1)}.app-header.sidebar-collapsed{left:80px}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:nowrap}.header-domain-selector{position:relative;flex-shrink:0}.header-domain-selector .domain-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;border:1px solid var(--accent-purple);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.header-domain-selector .domain-btn:hover{background:#8b5cf626;border-color:var(--accent-purple);box-shadow:var(--shadow-sm)}.header-domain-selector .domain-chevron{transition:transform .2s ease;color:var(--accent-purple)}.header-domain-selector .domain-chevron.rotated{transform:rotate(180deg)}.header-domain-selector .domain-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--bg-primary);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--accent-purple);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);z-index:1000}.header-domain-selector .domain-option{width:100%;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition-fast)}.header-domain-selector .domain-option:hover{background:#8b5cf61a;color:var(--text-primary)}.header-domain-selector .domain-option.active{background:#8b5cf633;color:var(--accent-purple);font-weight:600}.header-layout-selector{display:flex;align-items:center;gap:4px;padding:4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.layout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.layout-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.layout-btn.active{background:var(--accent-purple);color:#fff}.layout-btn.active:hover{background:var(--accent-purple);opacity:.9}@media(max-width:1024px){.app-header{left:80px;padding:0 16px;gap:16px}.header-logo .brand-name{display:none}}@media(max-width:768px){.app-header{left:0;height:60px;padding:0 12px;gap:12px}.header-logo .logo{width:36px;height:36px;font-size:1rem}.header-domain-selector .domain-btn{padding:6px 12px;font-size:.875rem}}.mode-selection-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.mode-selection-modal{position:relative;width:100%;max-width:560px;padding:40px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 0 0 1px var(--glass-border),0 25px 50px -12px #00000040,var(--shadow-purple)}.mode-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.mode-modal-close:hover{background:var(--glass-bg);border-color:var(--card-border);color:var(--text-primary)}.mode-modal-header{text-align:center;margin-bottom:32px}.mode-modal-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:20px;color:var(--accent-primary)}.mode-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.mode-modal-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.mode-options{display:flex;flex-direction:column;gap:16px}.mode-option{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;overflow:hidden}.mode-option:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--glass-bg));border-color:var(--card-border)}.mode-option.demo-option:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.mode-option.live-option:hover{border-color:color-mix(in srgb,var(--accent-blue, #3b82f6) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent-blue, #3b82f6) 15%,transparent)}.mode-option-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .3s ease}.mode-option-icon.demo{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--accent-primary)}.mode-option-icon.live{background:color-mix(in srgb,var(--accent-blue, #3b82f6) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue, #3b82f6) 30%,transparent);color:var(--accent-blue, #3b82f6)}.mode-option:hover .mode-option-icon.demo{background:color-mix(in srgb,var(--accent-primary) 25%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.mode-option:hover .mode-option-icon.live{background:color-mix(in srgb,var(--accent-blue, #3b82f6) 25%,transparent);border-color:color-mix(in srgb,var(--accent-blue, #3b82f6) 50%,transparent)}.mode-option-content{flex:1;min-width:0}.mode-option-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.mode-option-content>p{font-size:.875rem;color:var(--text-tertiary);margin:0 0 12px;line-height:1.4}.mode-features{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0}.mode-features li{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary)}.mode-features li svg{color:var(--accent-primary);opacity:.7}.live-option .mode-features li svg{color:var(--accent-blue, #3b82f6);opacity:.7}.mode-option-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border-radius:10px;color:var(--text-tertiary);transition:all .3s ease;align-self:center}.mode-option:hover .mode-option-arrow{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--text-primary);transform:translate(4px)}.mode-badge{position:absolute;top:12px;right:12px;padding:4px 10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.mode-badge.recommended{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent);color:var(--accent-primary)}.mode-modal-footer{margin-top:24px;text-align:center;font-size:.8rem;color:var(--text-tertiary)}@media(max-width:600px){.mode-selection-modal{padding:28px 20px}.mode-modal-header h2{font-size:1.5rem}.mode-option{padding:16px}.mode-option-icon{width:48px;height:48px}.mode-option-icon svg{width:22px;height:22px}.mode-option-content h3{font-size:1rem}.mode-features{flex-direction:column;gap:4px}}.login-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden;color:var(--text-primary);gap:1.25rem}.login-card{width:100%;max-width:380px;padding:2rem 2rem 1.75rem;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--card-border);box-shadow:0 16px 48px #00000026,0 1px 3px #00000014;z-index:1}.login-header{text-align:center;margin-bottom:1.25rem}.login-logo{height:36px;width:auto;object-fit:contain;margin-bottom:.5rem}.login-header h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.login-header p{font-size:.85rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:.875rem}.login-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.8rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-group input{width:100%;padding:.6rem .85rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,transparent);background:var(--input-bg)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.login-submit-btn{width:100%;padding:.65rem;background:var(--gradient-1);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease;box-shadow:var(--shadow-purple);margin-top:.125rem}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-purple)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-signup-link{text-align:center;margin-top:.875rem;font-size:.8rem;color:var(--text-secondary)}.login-signup-link a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.login-signup-link a:hover{color:var(--accent-secondary)}.demo-divider{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--input-border)}.demo-divider span{font-size:.7rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.demo-login-btn{width:100%;margin-top:.6rem;padding:.6rem .85rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease;box-shadow:0 3px 10px #10b98140}.demo-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #10b98159}.demo-login-btn:active:not(:disabled){transform:translateY(0)}.demo-login-btn:disabled{opacity:.6;cursor:not-allowed}.demo-hint{text-align:center;margin-top:.5rem;font-size:.72rem;color:var(--text-tertiary);font-style:italic}.login-branding{z-index:1}.login-branding-line{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-tertiary)}.branding-logo{height:22px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-branding-line strong{color:var(--text-secondary);font-weight:600}.branding-dot{color:var(--text-tertiary);font-size:1rem;line-height:1}.login-powered-by{display:none}@media(max-width:480px){.login-card{max-width:95%;padding:1.5rem 1.25rem}}.signup-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden;padding:2rem 0}.signup-bg-effects{position:absolute;inset:0;z-index:0;overflow:hidden}.gradient-orb-signup{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float 20s ease-in-out infinite}.gradient-orb-signup.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.gradient-orb-signup.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);bottom:-10%;right:-5%;animation-delay:5s}.gradient-orb-signup.orb-3{width:450px;height:450px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}.grid-pattern-signup{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent-primary) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 3%,transparent) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,10px) scale(1.05)}}.signup-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;max-width:1500px;width:90%;padding:2rem}.signup-branding{display:flex;flex-direction:column;justify-content:center;padding:2rem}.brand-logo-large{margin-bottom:1.5rem}.logo-mark-large{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 20px 60px #10b9814d}.brand-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.trial-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:color-mix(in srgb,#10b981 10%,var(--glass-bg));border:1px solid rgba(16,185,129,.3);border-radius:16px;margin-bottom:2rem}.trial-icon{color:#10b981;flex-shrink:0}.trial-banner h3{font-size:1.1rem;font-weight:600;color:#10b981;margin-bottom:.25rem}.trial-banner p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.brand-features{display:flex;flex-direction:column;gap:1.25rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.feature-item h3{font-size:1rem;color:var(--text-primary);margin-bottom:.2rem;font-weight:600}.feature-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.signup-form-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-form-container{width:100%;max-width:580px;padding:2.5rem}.glass-morph-signup{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--card-border);box-shadow:0 20px 60px #00000026}.signup-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-step span{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:2px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-tertiary);font-size:.9rem;transition:all .3s ease}.progress-step p{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.progress-step.active span{background:var(--gradient-1);border-color:var(--accent-primary);color:#fff}.progress-step.active p{color:var(--text-primary)}.progress-line{width:60px;height:2px;background:color-mix(in srgb,var(--accent-primary) 20%,transparent);margin-bottom:1.5rem}.signup-header{text-align:center;margin-bottom:1.5rem}.signup-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.signup-header p{font-size:.95rem;color:var(--text-secondary)}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.signup-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.9rem}.form-step{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,transparent)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-hint{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.form-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:color-mix(in srgb,var(--accent-primary) 5%,transparent);border-radius:10px;margin-top:.5rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.form-checkbox label{font-size:.85rem;color:var(--text-secondary);line-height:1.5;cursor:pointer}.form-actions{display:flex;gap:1rem;margin-top:1rem}.signup-back-btn{flex:0 0 auto;padding:.875rem 1.5rem;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:10px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.signup-back-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.signup-next-btn,.signup-submit-btn{flex:1;padding:.875rem;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:var(--shadow-purple)}.signup-next-btn:hover:not(:disabled),.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-purple)}.signup-next-btn:active:not(:disabled),.signup-submit-btn:active:not(:disabled){transform:translateY(0)}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;gap:.5rem}.loading-spinner:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.signup-login-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.signup-login-link a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.signup-login-link a:hover{color:var(--accent-secondary)}.signup-footer{margin-top:1.5rem;text-align:center;font-size:.8rem;color:var(--text-tertiary);max-width:580px}.signup-footer .powered-by{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--text-tertiary)}.signup-footer .powered-by strong{color:#10b981;font-weight:600}@media(max-width:1200px){.signup-container{grid-template-columns:1fr;gap:2rem;max-width:700px}.signup-branding{text-align:center;align-items:center;padding:1rem}.trial-banner{max-width:450px;text-align:left}.brand-features{display:none}}@media(max-width:640px){.signup-page{padding:1rem 0}.signup-container{width:95%;padding:.5rem}.signup-form-container{padding:1.5rem 1.25rem}.brand-title{font-size:2rem}.logo-mark-large{width:70px;height:70px;font-size:2rem}.form-row{grid-template-columns:1fr}.progress-line{width:40px}.signup-header h2{font-size:1.5rem}}.dashboard-container{padding:2rem;max-width:1600px;margin:0 auto;transition:all .3s ease}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--glass-border);transition:all .3s ease}.dashboard-header h1{font-size:2rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0 0}.dashboard-controls{display:flex;gap:1rem;align-items:center}.view-toggle{display:flex;background:var(--glass-bg);border-radius:8px;padding:4px;gap:4px;transition:all .3s ease}.toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.toggle-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.toggle-btn.active{background:var(--gradient-1);color:#fff;box-shadow:0 4px 12px var(--accent-purple)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card:hover{border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.metric-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 .5rem;font-weight:600;transition:all .3s ease}.metric-value{font-size:2rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1;transition:all .3s ease}.metric-subtitle{font-size:.75rem;color:var(--text-secondary);margin:.5rem 0 0;transition:all .3s ease}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.chart-card:hover{border-color:var(--accent-purple);box-shadow:0 8px 24px #0003}.chart-card.full-width{grid-column:1 / -1}.chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s ease}.chart-header h3{flex:1;min-width:0;font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary);transition:all .3s ease}.chart-header p{font-size:.8125rem;color:var(--text-secondary);margin:0;flex-shrink:0;transition:all .3s ease}.segment-selector-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1rem}.segment-selector-bar label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .3s ease}.custom-select{position:relative;min-width:220px}.custom-select select{width:100%;appearance:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:10px 36px 10px 14px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.custom-select select:hover{border-color:var(--accent-purple);background:var(--glass-bg)}.custom-select select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--glass-bg)}.custom-select select option{background:var(--bg-secondary);color:var(--text-primary);padding:10px}.custom-select .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:all .3s ease}.custom-select select:focus+.select-icon{transform:translateY(-50%) rotate(180deg);color:var(--accent-purple)}.radar-chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);transition:all .3s ease}.radar-chart-card:hover{border-color:var(--accent-purple);box-shadow:0 12px 32px var(--glass-border)}.radar-chart-card .chart-body{min-height:500px;display:flex;align-items:center;justify-content:center}.empty-chart-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary);gap:1rem;transition:all .3s ease}.empty-chart-state svg{opacity:.3;stroke-width:1.5;color:var(--text-secondary)}.empty-chart-state p{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.empty-chart-state span{font-size:.875rem;color:var(--text-secondary)}.chart-body{min-height:350px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--glass-border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-secondary);font-size:.875rem;transition:all .3s ease}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:1.5rem}.metrics-grid,.charts-grid{grid-template-columns:1fr}.view-toggle{width:100%}.toggle-btn{flex:1;justify-content:center}.metric-card{flex-direction:column;text-align:center}.chart-header{flex-direction:column;align-items:flex-start}.segment-selector-bar{justify-content:flex-start}.custom-select{width:100%}.radar-chart-card .chart-body{min-height:400px}}.apexcharts-canvas{background:transparent!important;transition:all .3s ease}.apexcharts-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)!important;transition:all .3s ease}.apexcharts-tooltip-title{background:var(--glass-bg)!important;border-bottom:1px solid var(--glass-border)!important;color:var(--text-primary)!important}.apexcharts-legend-text{color:var(--text-primary)!important}.apexcharts-menu{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important}.apexcharts-menu-item:hover{background:var(--glass-bg)!important}.apexcharts-xaxistooltip,.apexcharts-yaxistooltip{background:var(--bg-secondary)!important;border-color:var(--glass-border)!important;color:var(--text-primary)!important}.maturity-table-container{overflow-x:auto;margin-top:1rem}.maturity-table{width:100%;border-collapse:collapse;font-size:.875rem}.maturity-table thead tr{background:var(--glass-bg);border-bottom:2px solid var(--glass-border)}.maturity-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;transition:all .3s ease}.maturity-table tbody tr{border-bottom:1px solid var(--glass-border);transition:all .2s ease}.maturity-table tbody tr:hover{background:var(--glass-bg)}.maturity-table td{padding:1rem;color:var(--text-primary);transition:all .3s ease}.maturity-table .segment-name{font-weight:600;color:var(--text-primary)}.maturity-table .score-cell{text-align:center;font-weight:500;color:var(--accent-purple)}.maturity-table .percentage-cell{min-width:200px}.percentage-bar-wrapper{position:relative;width:100%;height:32px;background:var(--glass-bg);border-radius:6px;overflow:hidden}.percentage-bar{height:100%;background:var(--gradient-1);transition:width .6s ease;border-radius:6px}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:.75rem;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.maturity-table .completion-cell{text-align:center;font-weight:500}.maturity-table tfoot{border-top:2px solid var(--glass-border);background:var(--glass-bg)}.maturity-table .total-row td{padding:1.25rem 1rem;font-size:.9375rem;color:var(--text-primary)}@media(max-width:1024px){.maturity-table{font-size:.8125rem}.maturity-table th,.maturity-table td{padding:.75rem .5rem}.maturity-table .percentage-cell{min-width:150px}}.ask-ai-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ask-ai-modal{width:100%;max-width:600px;max-height:80vh;background:var(--glass-bg, rgba(26, 26, 46, .95));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ask-ai-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#ffffff05}.ask-ai-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff)}.ask-ai-title svg{color:var(--primary-color, #6366f1)}.ask-ai-close{background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.ask-ai-close:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.ask-ai-context-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6366f11a;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05));font-size:.85rem;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:background .2s}.ask-ai-context-badge:hover{background:#6366f126}.ask-ai-context-badge svg:first-child{color:var(--primary-color, #6366f1)}.ask-ai-context-expanded{background:#0003;padding:12px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05));overflow:hidden}.context-detail{font-size:.85rem;color:var(--text-secondary, #94a3b8);margin-bottom:8px}.context-detail:last-child{margin-bottom:0}.context-detail strong{color:var(--text-primary, #ffffff);margin-right:6px}.context-detail ul{margin:6px 0 0;padding-left:20px}.context-detail li{margin-bottom:2px}.gap-indicator{color:var(--warning-color, #f59e0b);font-size:.8rem}.more-items{color:var(--text-muted, #64748b);font-style:italic}.ask-ai-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:400px}.message{display:flex;gap:10px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff1a}.message.user .message-avatar{background:var(--primary-color, #6366f1)}.message.assistant .message-avatar{background:#10b98133;color:var(--success-color, #10b981)}.message.system .message-avatar{background:#6366f133;color:var(--primary-color, #6366f1)}.message-content{flex:1;max-width:80%}.message.user .message-content{text-align:right}.message-text{display:inline-block;padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.message.user .message-text{background:var(--primary-color, #6366f1);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-text{background:#ffffff1a;color:var(--text-primary, #ffffff);border-bottom-left-radius:4px}.message.system .message-text{background:#6366f11a;color:var(--text-secondary, #94a3b8);font-size:.9rem;border-radius:12px}.message-meta{display:flex;gap:12px;margin-top:6px;font-size:.75rem}.confidence{padding:2px 8px;border-radius:4px}.confidence.high{background:#10b98133;color:var(--success-color, #10b981)}.confidence.medium{background:#f59e0b33;color:var(--warning-color, #f59e0b)}.confidence.low{background:#ef444433;color:var(--error-color, #ef4444)}.sources{color:var(--text-muted, #64748b)}.message-copy{opacity:0;background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px;transition:all .2s}.message:hover .message-copy{opacity:1}.message-copy:hover{color:var(--primary-color, #6366f1)}.message.loading .typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#ffffff1a;border-radius:12px 12px 12px 4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary, #94a3b8);animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.ask-ai-suggestions{padding:12px 20px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .05));background:#0000001a}.suggestions-label{font-size:.8rem;color:var(--text-muted, #64748b);margin-bottom:10px}.suggestions-grid{display:flex;flex-wrap:wrap;gap:8px}.suggestion-btn{padding:6px 12px;background:#ffffff0d;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:.8rem;cursor:pointer;transition:all .2s}.suggestion-btn:hover:not(:disabled){background:#6366f11a;border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.suggestion-btn:disabled{opacity:.5;cursor:not-allowed}.ask-ai-input-container{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#0003}.ask-ai-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px;color:var(--text-primary, #ffffff);font-size:.95rem;outline:none;transition:all .2s}.ask-ai-input::placeholder{color:var(--text-muted, #64748b)}.ask-ai-input:focus{border-color:var(--primary-color, #6366f1);background:#ffffff14}.ask-ai-input:disabled{opacity:.6}.ask-ai-send{padding:12px 16px;background:var(--primary-color, #6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ask-ai-send:hover:not(:disabled){background:var(--primary-hover, #4f46e5);transform:translateY(-1px)}.ask-ai-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.ask-ai-send .animate-spin{animation:spin 1s linear infinite}.ask-ai-messages::-webkit-scrollbar{width:6px}.ask-ai-messages::-webkit-scrollbar-track{background:transparent}.ask-ai-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ask-ai-messages::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:640px){.ask-ai-modal{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0}.suggestions-grid{flex-direction:column}.suggestion-btn{width:100%;text-align:left}}.ai-report-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.ai-report-popup{width:100%;max-width:600px;max-height:80vh;background:var(--glass-bg, rgba(26, 26, 46, .95));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ai-report-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#ffffff05}.ai-report-popup-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff)}.ai-report-popup-title svg{color:var(--accent-primary, #f97316)}.ai-report-popup-close{background:transparent;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.ai-report-popup-close:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.ai-report-popup-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f973161a;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05));font-size:.85rem;color:var(--text-secondary, #94a3b8)}.ai-report-popup-badge svg{color:var(--accent-primary, #f97316);flex-shrink:0}.ai-report-popup-content{flex:1;overflow-y:auto;padding:20px;min-height:150px;max-height:50vh}.ai-report-popup-content::-webkit-scrollbar{width:6px}.ai-report-popup-content::-webkit-scrollbar-track{background:transparent}.ai-report-popup-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ai-report-popup-content::-webkit-scrollbar-thumb:hover{background:#fff3}.ai-report-popup-markdown{font-size:.9rem;line-height:1.7;color:var(--text-primary, #e2e8f0)}.ai-report-popup-markdown h1{font-size:1.25rem;font-weight:700;color:var(--accent-primary, #f97316);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.ai-report-popup-markdown h2{font-size:1.1rem;font-weight:600;color:var(--accent-primary, #f97316);margin:20px 0 8px}.ai-report-popup-markdown h3{font-size:1rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin:16px 0 6px}.ai-report-popup-markdown h4{font-size:.95rem;font-weight:600;color:var(--text-primary, #e2e8f0);margin:12px 0 4px}.ai-report-popup-markdown p{margin:0 0 12px;line-height:1.7}.ai-report-popup-markdown ul,.ai-report-popup-markdown ol{margin:8px 0 12px;padding-left:24px}.ai-report-popup-markdown li{margin:4px 0;line-height:1.6}.ai-report-popup-markdown ul li{list-style-type:disc}.ai-report-popup-markdown ol li{list-style-type:decimal}.ai-report-popup-markdown strong{font-weight:600;color:var(--text-primary, #ffffff)}.ai-report-popup-markdown em{font-style:italic;color:var(--text-secondary, #94a3b8)}.ai-report-popup-markdown code{background:#ffffff14;color:#f472b6;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.85em}.ai-report-popup-markdown pre{background:#0000004d;color:#e2e8f0;padding:14px 16px;border-radius:8px;overflow-x:auto;margin:12px 0;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));line-height:1.5}.ai-report-popup-markdown pre code{background:none;color:inherit;padding:0;font-size:.85rem}.ai-report-popup-markdown blockquote{border-left:3px solid var(--accent-primary, #f97316);margin:12px 0;padding:10px 16px;background:#f9731614;border-radius:0 8px 8px 0;color:var(--text-secondary, #94a3b8);font-style:italic}.ai-report-popup-markdown a{color:var(--accent-primary, #f97316);text-decoration:none}.ai-report-popup-markdown a:hover{text-decoration:underline}.ai-report-popup-markdown hr{border:none;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));margin:16px 0}.ai-report-popup-markdown table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}.ai-report-popup-markdown th{background:#ffffff0d;padding:8px 12px;text-align:left;font-weight:600;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .15));color:var(--text-primary, #e2e8f0)}.ai-report-popup-markdown td{padding:6px 12px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05))}.ai-report-popup-footer{padding:12px 20px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#00000026}.ai-report-popup-actions{display:flex;gap:8px}.ai-report-popup-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:.8rem;cursor:pointer;transition:all .2s}.ai-report-popup-btn:hover{background:#f973161a;border-color:var(--accent-primary, #f97316);color:var(--accent-primary, #f97316)}@media(max-width:640px){.ai-report-popup{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0}.ai-report-popup-actions{justify-content:center}}.ai-cmd-strip{display:flex;align-items:center;gap:8px;position:relative}.ai-cmd-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,var(--glass-border, rgba(255, 255, 255, .15)) 30%,var(--glass-border, rgba(255, 255, 255, .15)) 70%,transparent 100%);margin:0 2px;flex-shrink:0}.ai-cmd-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary, #f97316);flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;border:1px solid rgba(249,115,22,.25);background:linear-gradient(90deg,transparent 0%,rgba(249,115,22,.2) 50%,transparent 100%) no-repeat -200% center / 200% 100%,linear-gradient(135deg,#f973161f,#ea580c0f);animation:shimmer 3s ease-in-out infinite}.ai-cmd-badge svg{flex-shrink:0}@keyframes shimmer{0%{background-position:-200% center,0 0}to{background-position:200% center,0 0}}.ai-cmd-actions{display:flex;align-items:center;gap:3px}.ai-cmd-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff08;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.ai-cmd-btn .ai-cmd-desc{max-width:0;opacity:0;overflow:hidden;font-size:.68rem;font-weight:400;color:var(--text-tertiary, #64748b);transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease .05s,margin .3s ease;margin-left:0}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-desc{max-width:120px;opacity:1;margin-left:2px}.ai-cmd-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary, #e2e8f0);transform:translateY(-1px);box-shadow:0 3px 10px #0000001f}.ai-cmd-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.ai-cmd-btn:disabled{opacity:.3;cursor:not-allowed}.ai-cmd-orb{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;flex-shrink:0;transition:all .25s ease}.ai-cmd-orb svg{width:13px;height:13px}.ai-cmd-orb.orb-orange{background:linear-gradient(135deg,#f9731633,#ea580c1a);color:#f97316;border:1px solid rgba(249,115,22,.2)}.ai-cmd-orb.orb-blue{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.ai-cmd-orb.orb-green{background:linear-gradient(135deg,#22c55e33,#16a34a1a);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.ai-cmd-orb.orb-purple{background:linear-gradient(135deg,#8b5cf633,#6d28d91a);color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.ai-cmd-orb.orb-ask{background:linear-gradient(135deg,#f9731640,#ea580c1f);color:#f97316;border:1px solid rgba(249,115,22,.3)}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-orb.orb-orange{box-shadow:0 0 8px #f973164d}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-orb.orb-blue{box-shadow:0 0 8px #3b82f64d}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-orb.orb-green{box-shadow:0 0 8px #22c55e4d}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-orb.orb-purple{box-shadow:0 0 8px #8b5cf64d}.ai-cmd-btn:hover:not(:disabled) .ai-cmd-orb.orb-ask{box-shadow:0 0 10px #f9731659}.ai-cmd-btn.running{border-color:var(--accent-primary, #f97316);background:#f973160f;animation:pulseGlow 2s ease-in-out infinite}.ai-cmd-btn.running .ai-cmd-desc{max-width:80px;opacity:.7;margin-left:2px;color:var(--accent-primary, #f97316)}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f9731626}50%{box-shadow:0 0 12px 2px #f9731633}}.ai-cmd-status{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 4px #22c55e80;pointer-events:none}.ai-cmd-btn.done{border-color:#22c55e33}.ai-cmd-btn.ai-cmd-ask{background:linear-gradient(135deg,#f9731614,#ea580c08);border-color:#f9731633;color:var(--accent-primary, #f97316);font-weight:600}.ai-cmd-btn.ai-cmd-ask:hover:not(:disabled){background:linear-gradient(135deg,#f9731626,#ea580c14);border-color:var(--accent-primary, #f97316);box-shadow:0 3px 14px #f973162e}.ai-cmd-progress{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px}.ai-cmd-progress svg{display:block}.ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transition:opacity .2s ease,font-size .2s ease}.ai-cmd-progress:hover .ring-text{font-size:.55rem;opacity:1}.ai-cmd-progress:hover svg{transform:scale(1.15);transition:transform .2s ease}.ai-cmd-error{position:absolute;top:calc(100% + 8px);right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:.78rem;color:#fca5a5;white-space:nowrap;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0003}.ai-cmd-error svg{flex-shrink:0;color:#ef4444}.ai-cmd-error-dismiss{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:#fca5a5;cursor:pointer;border-radius:4px;transition:all .15s}.ai-cmd-error-dismiss:hover{background:#ef444433;color:#fff}.ai-exec-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.ai-exec-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 56px 32px;background:var(--glass-bg, rgba(26, 26, 46, .95));border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:24px;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff0d inset;min-width:280px;max-width:360px}.ai-exec-logo{width:52px;height:52px;animation:logoFloat 3s ease-in-out infinite}.ai-exec-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3))}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.ai-exec-orb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;animation:pulseGlow 2s ease-in-out infinite}.ai-exec-orb.orb-orange{background:linear-gradient(135deg,#f9731640,#ea580c1f);color:#f97316;border:1px solid rgba(249,115,22,.3)}.ai-exec-orb.orb-blue{background:linear-gradient(135deg,#3b82f640,#2563eb1f);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.ai-exec-orb.orb-green{background:linear-gradient(135deg,#22c55e40,#16a34a1f);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.ai-exec-orb.orb-purple{background:linear-gradient(135deg,#8b5cf640,#6d28d91f);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.ai-exec-info{display:flex;flex-direction:column;align-items:center;gap:4px}.ai-exec-label{font-size:1.15rem;font-weight:700;color:var(--text-primary, #e2e8f0);letter-spacing:.02em}.ai-exec-running-text{font-size:.82rem;color:var(--text-secondary, #94a3b8);font-weight:400;text-align:center;line-height:1.5;max-width:260px}.ai-exec-powered{font-size:.68rem;font-weight:500;color:var(--text-tertiary, #475569);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.ai-exec-dots{display:flex;gap:6px;margin-top:4px}.ai-exec-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-primary, #f97316);opacity:.4;animation:dotBounce 1.4s ease-in-out infinite}.ai-exec-dots span:nth-child(2){animation-delay:.2s}.ai-exec-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}.ai-config-modal{display:flex;flex-direction:column;gap:0;background:var(--glass-bg, rgba(26, 26, 46, .98));border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:20px;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff0d inset;min-width:420px;max-width:520px;overflow:hidden}.ai-config-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 32px 24px;background:linear-gradient(135deg,#f9731614,#ea580c08);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));position:relative}.ai-config-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f9731633,#ea580c1a);color:#f97316;border:1px solid rgba(249,115,22,.3);box-shadow:0 4px 16px #f9731633}.ai-config-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0;text-align:center;letter-spacing:.01em}.ai-config-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s ease}.ai-config-close:hover{background:#ffffff0d;border-color:var(--glass-border, rgba(255, 255, 255, .12));color:var(--text-primary, #e2e8f0)}.ai-config-content{display:flex;flex-direction:column;gap:16px;padding:24px 32px}.ai-config-content p{font-size:.95rem;line-height:1.6;color:var(--text-secondary, #94a3b8);margin:0;text-align:center}.ai-config-providers{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.ai-config-provider-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;background:#f973161a;border:1px solid rgba(249,115,22,.2);color:#f97316;letter-spacing:.02em}.ai-config-note{font-size:.85rem!important;color:var(--text-tertiary, #64748b)!important}.ai-config-actions{display:flex;align-items:center;gap:12px;padding:20px 32px 32px}.ai-config-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid}.ai-config-btn-secondary{background:transparent;border-color:var(--glass-border, rgba(255, 255, 255, .12));color:var(--text-secondary, #94a3b8)}.ai-config-btn-secondary:hover{background:#ffffff0d;border-color:#fff3;color:var(--text-primary, #e2e8f0)}.ai-config-btn-primary{background:linear-gradient(135deg,#f97316e6,#ea580ccc);border-color:#f9731680;color:#fff;box-shadow:0 4px 16px #f9731640}.ai-config-btn-primary:hover{background:linear-gradient(135deg,#f97316,#ea580cf2);border-color:#f97316cc;box-shadow:0 6px 20px #f9731659;transform:translateY(-1px)}.ai-config-btn-primary:active{transform:translateY(0)}@media(max-width:1200px){.ai-cmd-btn .ai-cmd-label,.ai-cmd-btn .ai-cmd-desc{display:none}.ai-cmd-btn{padding:5px 6px;gap:0}.ai-cmd-badge span{display:none}.ai-cmd-badge{padding:4px 6px}}@media(max-width:768px){.ai-cmd-strip{gap:4px}.ai-cmd-divider,.ai-cmd-progress{display:none}.ai-config-modal{min-width:auto;width:90vw;max-width:90vw;margin:16px}.ai-config-header{padding:24px 20px 20px}.ai-config-content{padding:20px}.ai-config-actions{flex-direction:column;padding:16px 20px 24px}.ai-config-btn{width:100%}.ai-config-providers{flex-wrap:wrap}}.dashboard-unified{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-primary)}.dashboard-tabs{display:flex;gap:6px;padding:12px 20px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.dashboard-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dashboard-tab:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026,0 0 0 1px var(--accent-primary),inset 0 1px #fff3;font-weight:600}.dashboard-tab.active:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0003,0 0 0 1px var(--accent-primary),inset 0 1px #ffffff4d}.dashboard-tab svg{flex-shrink:0;width:16px;height:16px}.dashboard-ai-actions-wrapper{margin-left:auto;display:flex;align-items:center}.dashboard-content{flex:1;overflow-y:auto;padding:0}@media(max-width:1024px){.dashboard-tabs{padding:12px 16px;gap:6px}.dashboard-tab{padding:10px 18px;font-size:.875rem}}@media(max-width:768px){.dashboard-tabs{padding:8px 12px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-tab{padding:8px 16px;font-size:.8125rem}.dashboard-tab span{display:none}.dashboard-tab{width:48px;height:48px;justify-content:center;border-radius:50%}}@media(max-width:480px){.dashboard-tabs{padding:6px 8px}.dashboard-tab{width:40px;height:40px;padding:6px}}.layout-options{display:grid;gap:1rem}.layout-option{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layout-option:hover{border-color:var(--accent-purple);transform:translate(4px);box-shadow:0 8px 24px #6366f133}.layout-option.active{border-color:var(--accent-purple);background:linear-gradient(135deg,#6366f11a,#8b5cf60d);box-shadow:0 8px 24px #6366f14d}.layout-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));color:#fff;transition:all .3s ease}.layout-option:hover .layout-icon{transform:scale(1.05)}.layout-option.active .layout-icon{box-shadow:0 8px 24px #6366f180}.layout-details{flex:1}.layout-details h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:all .3s ease}.layout-details p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;transition:all .3s ease}.layout-option.active .layout-details h4{color:var(--accent-purple)}@media(max-width:768px){.layout-option{flex-direction:column;text-align:center;padding:1.25rem}.layout-option:hover{transform:translateY(-4px)}.layout-icon{width:48px;height:48px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);max-width:500px;width:100%;position:relative;overflow:hidden}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1)}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);z-index:10}.modal-close:hover{background:#8b5cf633;border-color:var(--accent-purple);transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-header{padding:2rem 2rem 1rem;text-align:center}.modal-icon{width:64px;height:64px;margin:0 auto 1rem;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.warning{background:#f59e0b1a;color:#f59e0b}.modal-icon.danger{background:#ef44441a;color:#ef4444}.modal-icon.success{background:#10b9811a;color:#10b981}.modal-icon.info{background:#3b82f61a;color:#3b82f6}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:0 2rem 2rem}.modal-message{color:var(--text-secondary);line-height:1.6;text-align:center;margin:0}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--glass-border)}.modal-button{flex:1;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-normal);border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button.cancel{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary)}.modal-button.cancel:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-button.confirm{color:#fff;font-weight:700}.modal-button.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.modal-button.confirm.warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.modal-button.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.modal-button.confirm.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.modal-button.confirm.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.modal-button.confirm.success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.modal-button.confirm.info{background:var(--gradient-1);border-color:var(--accent-purple)}.modal-button.confirm.info:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}@media(max-width:640px){.modal-container{max-width:100%;margin:1rem}.modal-footer{flex-direction:column}.modal-button{width:100%}}.compact-assessment{padding:1.5rem;max-width:100%;margin:0 auto}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--glass-border)}.compact-header h1{font-size:1.5rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compact-actions{display:flex;gap:.75rem}.compact-actions button{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.5rem}.compact-actions .save-btn{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.compact-actions .save-btn:hover{background:var(--glass-border)}.compact-actions .submit-btn{background:var(--gradient-1);color:#fff}.compact-actions .submit-btn:hover{opacity:.9;transform:translateY(-2px)}.compact-table-container{overflow-x:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compact-table{width:100%;border-collapse:collapse;font-size:.8125rem}.compact-table thead{position:sticky;top:0;background:var(--bg-secondary);z-index:10;box-shadow:0 2px 4px #0000001a}.compact-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--glass-border);white-space:nowrap}.compact-table th:first-child{padding-left:1rem;min-width:200px}.compact-table tbody tr{border-bottom:1px solid var(--glass-border);transition:all .2s}.compact-table tbody tr:hover{background:var(--glass-bg)}.compact-table td{padding:.5rem;color:var(--text-primary);vertical-align:middle}.compact-table td:first-child{padding-left:1rem;font-weight:500}.compact-table .capability-cell{display:flex;align-items:center;gap:.5rem}.compact-table .capability-name{flex:1;font-weight:500;color:var(--text-primary)}.compact-table .notes-icon{cursor:pointer;color:var(--text-secondary);transition:color .2s;flex-shrink:0}.compact-table .notes-icon:hover,.compact-table .notes-icon.has-notes{color:var(--accent-purple)}.level-buttons{display:flex;gap:.25rem;justify-content:center}.level-btn{padding:.375rem .5rem;font-size:.75rem;border-radius:4px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-weight:600;min-width:32px;text-align:center}.level-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.level-btn.selected{background:var(--gradient-1);border-color:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #6366f14d}.compact-notes-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.compact-notes-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.compact-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.compact-notes-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.compact-notes-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.compact-notes-header button:hover{color:var(--text-primary)}.compact-notes-content textarea{width:100%;min-height:120px;padding:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.compact-notes-content textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--glass-bg)}.compact-notes-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.compact-notes-actions button{padding:.5rem 1rem;border-radius:6px;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.compact-notes-actions .cancel-btn{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.compact-notes-actions .save-notes-btn{background:var(--gradient-1);color:#fff}.compact-notes-actions button:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:1024px){.compact-table{font-size:.75rem}.compact-table th,.compact-table td{padding:.375rem}.level-btn{padding:.25rem .375rem;font-size:.6875rem;min-width:28px}}.slider-assessment{padding:2rem;max-width:1400px;margin:0 auto;background:var(--bg-primary);min-height:100%}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--glass-border)}.slider-header h1{font-size:2.25rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--accent-purple)}.slider-actions{display:flex;gap:1rem}.slider-actions button{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem}.slider-actions .save-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border)}.slider-actions .save-btn:hover{background:var(--glass-border);transform:translateY(-2px)}.slider-actions .submit-btn{background:var(--gradient-1);color:#fff;border:1px solid transparent}.slider-actions .submit-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.slider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.slider-capability-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s;box-shadow:var(--shadow-md)}.slider-capability-card:hover{border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.slider-capability-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.slider-capability-title{flex:1}.slider-capability-title h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.slider-capability-title p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6}.slider-notes-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;flex-shrink:0}.slider-notes-btn:hover,.slider-notes-btn.has-notes{color:var(--accent-purple)}.slider-control{margin-top:1.5rem}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.75rem}.slider-labels span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.slider-current-value{font-size:1rem;font-weight:600;color:var(--accent-purple);text-align:right}.slider-wrapper{position:relative;width:100%;margin-bottom:.5rem}.maturity-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#ef4444 0%,#f59e0b 20%,#3b82f6 40%,var(--accent-purple) 60%,#10b981 80%,#059669 100%);outline:none;cursor:pointer;transition:opacity .2s}.maturity-slider:hover{opacity:.9}.maturity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent-purple);cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s}.maturity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #6366f180}.maturity-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent-purple);cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s}.maturity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #6366f180}.slider-level-markers{display:flex;justify-content:space-between;padding:0 2px}.slider-level-markers span{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.slider-clear-btn{margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;border-radius:6px;border:1px solid var(--glass-border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s;width:100%}.slider-clear-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.slider-notes-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.slider-notes-content{background:#12121afa;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.slider-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.slider-notes-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.slider-notes-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.slider-notes-header button:hover{color:var(--text-primary)}.slider-notes-content textarea{width:100%;min-height:120px;padding:.75rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.slider-notes-content textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--glass-bg)}.slider-notes-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.slider-notes-actions button{padding:.5rem 1rem;border-radius:6px;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.slider-notes-actions .cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border)}.slider-notes-actions .save-notes-btn{background:var(--gradient-1);color:#fff;border:1px solid transparent}.slider-notes-actions button:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:1024px){.slider-grid{grid-template-columns:1fr}}@media(max-width:768px){.slider-assessment{padding:1rem}.slider-header{flex-direction:column;align-items:flex-start;gap:1rem}.slider-actions{width:100%;flex-direction:column}.slider-actions button{width:100%;justify-content:center}}.ai-insights-container{position:absolute;top:72px;right:20px;z-index:98;width:320px;max-height:calc(100vh - 100px);background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;pointer-events:auto}.ai-insights-header{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast)}.ai-insights-header:hover{background:#8b5cf61a}.ai-insights-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.sparkle-icon{color:var(--accent-purple);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-insights-stats{display:flex;gap:6px;margin-left:auto}.stat-badge{padding:2px 8px;font-size:.7rem;font-weight:700;border-radius:10px;color:#fff}.stat-badge.critical{background:#dc2626}.stat-badge.high{background:#ea580c}.ai-insights-content{padding:0 16px 16px;max-height:calc(100vh - 220px);overflow-y:auto}.insights-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:12px}.summary-score{display:flex;align-items:baseline;gap:2px}.score-value{font-size:1.75rem;font-weight:700;color:var(--accent-purple)}.score-label{font-size:.8rem;color:var(--text-tertiary)}.summary-text{display:flex;flex-direction:column;gap:2px}.summary-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-desc{font-size:.9rem;font-weight:600;color:var(--text-primary)}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-card{display:flex;gap:10px;padding:12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-left:3px solid var(--accent-color, var(--accent-purple));border-radius:var(--radius-md);transition:all var(--transition-fast)}.insight-card.clickable{cursor:pointer}.insight-card.clickable:hover{background:#8b5cf61a;border-color:var(--accent-purple);transform:translate(2px)}.insight-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px}.insight-content{flex:1;min-width:0}.insight-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.insight-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:6px}.insight-action{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:var(--accent-purple)}.no-insights{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--text-tertiary)}.no-insights svg{margin-bottom:8px;opacity:.5}.no-insights p{font-size:.8rem;margin:0}.ai-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;text-transform:uppercase;letter-spacing:.3px}.insights-context-banner{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:10px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);font-size:.7rem;color:var(--accent-purple)}.insights-context-banner span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh-insights-btn{flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px;color:var(--accent-purple);border-radius:4px;transition:background var(--transition-fast)}.refresh-insights-btn:hover{background:#8b5cf626}.refresh-insights-btn:disabled{opacity:.5;cursor:not-allowed}.insights-loading{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:10px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary)}.ai-insights-content::-webkit-scrollbar{width:4px}.ai-insights-content::-webkit-scrollbar-track{background:transparent}.ai-insights-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.ai-insights-content::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@media(max-width:768px){.ai-insights-container{width:calc(100% - 40px);max-width:320px;right:20px;top:60px}}.search-filter-container{position:relative;z-index:100;pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:280px;transition:all var(--transition-normal)}.search-filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;width:100%;position:relative}.search-filter-toggle:hover{background:#8b5cf61a}.filter-badge{background:var(--accent-purple);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:600;margin-left:auto}.search-filter-content{padding:12px;border-top:1px solid var(--glass-border);max-height:70vh;overflow-y:auto}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:8px 32px 8px 36px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.clear-search-btn:hover{background:#ffffff1a;color:var(--text-primary)}.filter-section{margin-bottom:16px}.filter-section h5{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--accent-purple);color:var(--text-primary)}.filter-chip.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.filter-chip.priority-critical.active{background:#dc2626;border-color:#dc2626}.filter-chip.priority-high.active{background:#ea580c;border-color:#ea580c}.filter-chip.priority-medium.active{background:#2563eb;border-color:#2563eb}.range-inputs{display:flex;flex-direction:column;gap:8px}.range-slider{width:100%;height:4px;background:var(--glass-border);border-radius:2px;outline:none;-webkit-appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-purple);cursor:pointer;border-radius:50%}.range-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent-purple);cursor:pointer;border-radius:50%;border:none}.filter-results{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--glass-border);margin-top:12px}.results-count{font-size:.75rem;color:var(--text-secondary);font-weight:600}.clear-filters-btn{padding:4px 10px;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all var(--transition-fast)}.clear-filters-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.results-list{margin-top:12px;max-height:300px;overflow-y:auto}.result-item{padding:8px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:6px;cursor:pointer;transition:all var(--transition-fast)}.result-item:hover{border-color:var(--accent-purple);background:#8b5cf60d}.result-name{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.result-meta{display:flex;align-items:center;gap:6px;font-size:.7rem}.result-segment{color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-priority{padding:2px 6px;border-radius:4px;font-weight:600;font-size:.65rem}.result-priority.priority-critical{background:#dc2626;color:#fff}.result-priority.priority-high{background:#ea580c;color:#fff}.result-priority.priority-medium{background:#2563eb;color:#fff}.result-priority.priority-none{background:var(--glass-border);color:var(--text-secondary)}.result-score{color:var(--text-secondary);font-weight:600}.filter-hint{font-size:.7rem;color:var(--text-tertiary);margin:4px 0 8px}.score-range-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:12px}.score-min,.score-max{font-size:1.1rem;font-weight:700;color:var(--accent-purple)}.score-separator{font-size:.75rem;color:var(--text-tertiary)}.score-scale{font-size:.7rem;color:var(--text-tertiary);margin-left:4px}.range-row{display:flex;align-items:center;gap:8px}.range-row label{font-size:.7rem;color:var(--text-tertiary);min-width:28px}.range-row .range-slider{flex:1}.executive-tour-fab{position:relative;z-index:100;pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));border:none;border-radius:var(--radius-lg);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);white-space:nowrap}.executive-tour-fab:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf666}.executive-tour-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;animation:backdropFadeIn .3s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.executive-tour-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.01) 40%,transparent 100%),var(--bg-secondary);-webkit-backdrop-filter:blur(60px) saturate(200%);backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 0 0 1px #8b5cf626,0 25px 60px #00000080,0 0 80px #8b5cf614;width:90%;max-width:640px;max-height:85vh;overflow:hidden;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.executive-tour-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#8b5cf614,#6366f10a)}.tour-header-left{display:flex;align-items:center;gap:14px}.tour-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));color:#fff;box-shadow:0 4px 16px #8b5cf64d}.executive-tour-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.tour-header-subtitle{font-size:.8rem;color:var(--text-secondary);margin:4px 0 0;font-weight:500}.tour-header-right{display:flex;align-items:center;gap:8px}.close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all var(--transition-fast)}.close-btn:hover{background:#ffffff1f;color:var(--text-primary);border-color:#ffffff26}.tour-context-info{display:flex;align-items:center;gap:8px;padding:12px 28px;font-size:.8rem;color:var(--accent-purple);background:#8b5cf60f;border-bottom:1px solid rgba(139,92,246,.1)}.tour-context-info span{line-height:1.4}.executive-tour-scenarios{padding:20px 24px;overflow-y:auto;max-height:calc(85vh - 160px);display:flex;flex-direction:column;gap:12px}.scenario-card{display:flex;align-items:flex-start;gap:18px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%),var(--bg-secondary);border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.scenario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--scenario-accent, var(--accent-purple)),transparent);opacity:0;transition:opacity .25s ease}.scenario-card:hover{border-color:var(--scenario-accent, var(--accent-purple));background:linear-gradient(135deg,rgba(139,92,246,.06) 0%,transparent 100%),var(--bg-secondary);transform:translateY(-2px);box-shadow:0 8px 24px #0003,0 0 0 1px var(--scenario-accent, var(--accent-purple))}.scenario-card:hover:before{opacity:1}.scenario-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0003}.scenario-info{flex:1;min-width:0}.scenario-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.scenario-info h4{font-size:1.05rem;font-weight:650;color:var(--text-primary);margin:0 0 6px}.scenario-arrow{color:var(--text-tertiary);opacity:0;transform:translate(-4px);transition:all .25s ease;flex-shrink:0}.scenario-card:hover .scenario-arrow{opacity:1;transform:translate(0);color:var(--scenario-accent, var(--accent-purple))}.scenario-info p{font-size:.85rem;color:var(--text-secondary);margin:0 0 10px;line-height:1.55}.scenario-meta{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.scenario-meta-ai{color:var(--accent-purple);font-weight:600}.tour-context-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;text-transform:uppercase;letter-spacing:.3px;margin-left:auto;margin-right:8px;box-shadow:0 2px 8px #8b5cf64d}.tour-assistants{color:var(--text-tertiary)}.scenario-ai-summary{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--accent-purple);margin-top:6px;margin-bottom:6px;padding:5px 10px;background:#8b5cf60f;border-radius:8px;border:1px solid rgba(139,92,246,.1)}.scenario-ai-summary.loading{color:var(--text-tertiary);border-color:transparent}.scenario-ai-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-narration-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;margin-left:6px;vertical-align:middle}.tour-narration-loading{display:flex;align-items:center;gap:8px;padding:12px;color:var(--text-secondary);font-size:.85rem}.slide-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.01) 40%,transparent 100%),var(--bg-secondary);-webkit-backdrop-filter:blur(60px) saturate(200%);backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 0 0 1px #8b5cf626,0 25px 60px #00000080,0 0 80px #8b5cf614;width:92%;max-width:860px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1)}.slide-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#8b5cf614,#6366f10a)}.slide-header-left{display:flex;align-items:center;gap:12px}.slide-persona-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0003}.slide-header-left h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.slide-header-center{display:flex;align-items:center;gap:8px}.slide-header-right{display:flex;align-items:center;gap:10px}.slide-step-dots{display:flex;gap:8px;align-items:center}.step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.18);cursor:pointer;transition:all .25s ease;padding:0}.step-dot:hover{border-color:#8b5cf680}.step-dot.active{background:var(--accent-purple);border-color:var(--accent-purple);box-shadow:0 0 8px #8b5cf680;transform:scale(1.25)}.step-dot.completed{background:#8b5cf673;border-color:#8b5cf673}.slide-modal-progress{padding:0 28px}.progress-bar{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-secondary));border-radius:2px;transition:width .4s ease}.slide-modal-body{flex:1;overflow-y:auto;padding:24px 28px;min-height:280px;max-height:calc(85vh - 180px)}.slide-modal-body::-webkit-scrollbar{width:5px}.slide-modal-body::-webkit-scrollbar-track{background:transparent}.slide-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.slide-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}.slide-content{animation:slideContentIn .35s ease}@keyframes slideContentIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:22px}.slide-kpi-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s ease}.slide-kpi-card:hover{border-color:#8b5cf64d}.kpi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.kpi-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-weight:600}.kpi-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1}.slide-narration{margin-bottom:22px}.slide-narration h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 10px;display:flex;align-items:center;gap:8px}.slide-narration p{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin:0}.slide-data-section{margin-bottom:22px}.slide-data-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 12px}.data-highlight-item{display:flex;align-items:center;gap:12px;padding:8px 0}.highlight-label{flex:0 0 150px;font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-bar-container{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.highlight-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-secondary));transition:width .6s cubic-bezier(.16,1,.3,1);min-width:4px}.highlight-value{flex:0 0 65px;text-align:right;font-size:.82rem;font-weight:600;color:var(--text-primary)}.highlight-trend{flex:0 0 20px;display:flex;align-items:center;justify-content:center}.highlight-trend.up{color:#16a34a}.highlight-trend.down{color:#dc2626}.highlight-trend.neutral{color:var(--text-tertiary)}.slide-recommendations{margin-bottom:8px}.slide-recommendations-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 10px}.slide-rec-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-left:3px solid var(--rec-color, var(--accent-purple));border-radius:10px;margin-bottom:8px}.rec-priority-badge{flex:0 0 auto;padding:2px 8px;font-size:.6rem;font-weight:700;text-transform:uppercase;border-radius:6px;letter-spacing:.3px;white-space:nowrap}.rec-priority-badge.high{background:#dc262626;color:#dc2626}.rec-priority-badge.medium{background:#ea580c26;color:#ea580c}.rec-priority-badge.low{background:#16a34a26;color:#16a34a}.rec-content{flex:1;min-width:0}.rec-text{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0}.rec-timeframe{font-size:.68rem;color:var(--text-tertiary);margin-top:4px}.slide-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-top:1px solid rgba(255,255,255,.06);background:#00000014}.slide-controls{display:flex;align-items:center;gap:10px}.control-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover:not(:disabled){background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;transform:scale(1.1)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.primary{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));border-color:transparent;color:#fff}.control-btn.primary:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.slide-footer-right{display:flex;align-items:center;gap:14px}.slide-step-counter{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.auto-advance-toggle{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-advance-toggle input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--accent-purple)}.auto-advance-toggle span{cursor:pointer}.slide-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary);text-align:center}.slide-loading p{font-size:.88rem;margin:0}.slide-loading .sub{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.executive-tour-modal{width:95%;max-height:90vh}.slide-modal{width:95%;max-width:100%;max-height:90vh;border-radius:16px}.slide-kpi-grid{grid-template-columns:repeat(2,1fr)}.highlight-label{flex:0 0 100px;font-size:.72rem}.slide-modal-header{padding:14px 18px 10px}.slide-modal-body{padding:18px}.slide-modal-footer{padding:12px 18px;flex-direction:column;gap:10px}.scenario-card{flex-direction:column;align-items:center;text-align:center}.scenario-arrow{display:none}}.comparison-view-fab{position:relative;z-index:100;pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);white-space:nowrap}.comparison-view-fab:hover{transform:translateY(-2px);box-shadow:0 12px 24px #10b98166}.comparison-view-backdrop{position:fixed;inset:0;background:#0009;z-index:999}.comparison-view-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:95%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.comparison-view-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.comparison-view-title{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.comparison-view-title h3{font-size:1.25rem;font-weight:700;margin:0}.comparison-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;flex:1;overflow-y:auto}.comparison-view-empty h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:16px 0 8px}.comparison-view-empty p{font-size:.9rem;color:var(--text-secondary);margin:0 0 24px}.segment-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;width:100%;max-width:800px}.segment-selector-item{padding:16px;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.segment-selector-item:hover{border-color:var(--accent-purple);background:#8b5cf60d}.segment-selector-item.selected{border-color:var(--accent-purple);background:#8b5cf61a}.segment-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.segment-selector-header h5{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.segment-selector-header input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-purple)}.segment-selector-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-tertiary)}.comparison-view-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.comparison-view-controls p{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:500}.btn-secondary{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent-purple);background:#8b5cf61a}.comparison-view-content{padding:20px 24px;overflow-y:auto;flex:1}.comparison-metric-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.comparison-metric-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.comparison-bars{display:flex;flex-direction:column;gap:12px}.comparison-bar-row{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:12px}.comparison-bar-label{font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-bar-container{height:32px;background:var(--glass-border);border-radius:var(--radius-md);overflow:hidden;position:relative}.comparison-bar-fill{height:100%;border-radius:var(--radius-md);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:.75rem;font-weight:600}.comparison-bar-value{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.comparison-table{overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px;text-align:left;border-bottom:1px solid var(--glass-border)}.comparison-table th{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.comparison-table td{font-size:.875rem;color:var(--text-primary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.comparison-stats-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px}.comparison-stats-card h5{font-size:.9rem;font-weight:600;margin:0 0 12px}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.stats-label{font-size:.8rem;color:var(--text-secondary)}.stats-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.comparison-insights{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-md);border-left:3px solid}.insight-item.success{background:#16a34a1a;border-left-color:#16a34a;color:#16a34a}.insight-item.warning{background:#dc26261a;border-left-color:#dc2626;color:#dc2626}.insight-item.info{background:#2563eb1a;border-left-color:#2563eb;color:#2563eb}.insight-item.summary{background:#8b5cf61a;border-left-color:var(--accent-purple);color:var(--accent-purple)}.insight-item.recommendation{background:#0ea5e91a;border-left-color:#0ea5e9;color:#0ea5e9}.insight-item p{font-size:.875rem;line-height:1.5;margin:0;color:var(--text-primary)}.insight-item strong{color:inherit}.comparison-context-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;text-transform:uppercase;letter-spacing:.3px;margin-left:8px}.comparison-context-info{padding:10px 24px;font-size:.8rem;color:var(--text-secondary);background:#8b5cf60f;border-bottom:1px solid rgba(139,92,246,.15)}.comparison-view-actions{display:flex;gap:8px;align-items:center}.btn-ai-compare{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-ai-compare:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-ai-compare:disabled{opacity:.7;cursor:not-allowed}.ai-analysis-card{border:1px solid rgba(139,92,246,.2);background:#8b5cf60a}.ai-analysis-card h4{display:flex;align-items:center;gap:6px;color:var(--accent-purple)}.ai-analysis-loading{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--text-secondary);font-size:.8rem}.ai-analysis-text{font-size:.85rem;color:var(--text-primary);line-height:1.6;margin:8px 0}.ai-recommendations{margin-top:10px;font-size:.8rem}.ai-recommendations ul{margin:6px 0 0;padding-left:18px}.ai-recommendations li{color:var(--text-secondary);margin-bottom:4px;line-height:1.4}@media(max-width:768px){.comparison-view-modal{width:98%}.comparison-bar-row{grid-template-columns:100px 1fr 60px;gap:8px}.comparison-stats-grid,.segment-selector{grid-template-columns:1fr}.comparison-view-fab{left:20px;bottom:80px}}.export-tools-container{position:relative;z-index:100;pointer-events:auto}.export-tools-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.export-tools-toggle:hover:not(:disabled){background:#8b5cf61a;border-color:var(--accent-purple);transform:translateY(-1px);box-shadow:var(--shadow-xl)}.export-tools-toggle:disabled{opacity:.6;cursor:not-allowed}.export-tools-toggle .rotated{transform:rotate(180deg)}.export-tools-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:8px;animation:slideDown .2s ease}.export-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.export-menu-item:hover{background:#8b5cf61a}.export-menu-item svg{flex-shrink:0;color:var(--accent-purple)}.export-item-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.export-item-desc{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.export-tools-menu{top:auto;bottom:calc(100% + 8px)}}.chart-type-selector{position:relative;z-index:100}.chart-type-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.chart-type-toggle:hover{background:#8b5cf61a;border-color:var(--accent-purple);transform:translateY(-1px);box-shadow:var(--shadow-xl)}.chart-type-toggle .rotated{transform:rotate(180deg)}.chart-type-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-type-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.chart-type-option:hover{background:#8b5cf61a}.chart-type-option.active{background:var(--accent-purple)}.chart-type-option.active .chart-type-icon,.chart-type-option.active .chart-type-label{color:#fff}.chart-type-option.active .chart-type-desc{color:#fffc}.chart-type-icon{flex-shrink:0;color:var(--accent-purple)}.chart-type-info{flex:1}.chart-type-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.chart-type-desc{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.chart-type-selector{top:auto;bottom:150px;left:20px}.chart-type-menu{top:auto;bottom:calc(100% + 8px)}}.time-period-selector{display:flex;align-items:center;gap:12px}.time-period-selector.compact{gap:4px}.time-period-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500}.time-period-label svg{color:var(--accent-purple)}.time-period-tabs{display:flex;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:3px;gap:2px}.time-period-tab{padding:6px 14px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative}.time-period-selector.compact .time-period-tab{padding:5px 10px;font-size:.75rem;min-width:28px}.time-period-tab:hover{color:var(--text-primary);background:#8b5cf61a}.time-period-tab.active{background:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #8b5cf666}.time-period-tab.active:after{content:"";position:absolute;inset:-2px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);z-index:-1;filter:blur(4px)}@media(max-width:768px){.time-period-label{display:none}.time-period-tab{padding:5px 10px;font-size:.75rem}}.enterprise-map-container{width:100%;height:calc(100vh - 80px);position:relative;overflow:hidden}.enterprise-map-canvas{width:100%;height:100%;position:relative}.enterprise-map-canvas>*:not(canvas){pointer-events:auto}.enterprise-map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-primary);gap:1rem}.enterprise-map-loading .spinner{width:50px;height:50px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.enterprise-map-controls{position:absolute;top:20px;left:20px;z-index:100;pointer-events:auto;display:flex;flex-direction:column;gap:12px}.enterprise-map-info{background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;color:var(--text-primary);max-width:300px;box-shadow:0 1px #ffffff0f inset,0 -1px #00000026 inset,var(--shadow-lg),0 8px 32px #0000004d}.enterprise-map-info h3{margin:0 0 8px;font-size:1rem;font-weight:600;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enterprise-map-info p{margin:4px 0;font-size:.875rem;color:var(--text-secondary)}.enterprise-map-toolbar{position:absolute;top:20px;right:20px;z-index:100;pointer-events:auto;display:flex;align-items:flex-start;gap:8px}.toolbar-item{background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 1px #ffffff0f inset,0 -1px #00000026 inset,var(--shadow-lg),0 8px 32px #0000004d}.time-period-toolbar{padding:8px 12px}.legend-toggle-container{position:relative;pointer-events:auto}.legend-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.legend-toggle-btn:hover,.legend-toggle-btn.active{border-color:var(--accent-purple);color:var(--text-primary)}.legend-toggle-colors{display:flex;gap:2px}.legend-toggle-colors span{width:8px;height:8px;border-radius:2px}.legend-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:200;background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:12px 16px;min-width:180px;box-shadow:var(--shadow-2xl);animation:legendFadeIn .15s ease-out}@keyframes legendFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.legend-popover h4{margin:0 0 10px;font-size:.7rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.legend-color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.enterprise-map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.enterprise-map-empty h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.enterprise-map-empty p{margin:0;font-size:1rem;color:var(--text-secondary)}.view-controls{background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:12px;display:flex;gap:8px;box-shadow:0 1px #ffffff0f inset,0 -1px #00000026 inset,var(--shadow-lg),0 8px 32px #0000004d}.view-btn{padding:8px 12px;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background:#8b5cf61a;border-color:var(--accent-purple);color:var(--text-primary)}.view-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.bubble-canvas-panel{margin:12px 20px;border-radius:16px;background:#0a0a0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #0000004d,0 4px 24px #0006,inset 0 1px #ffffff08;overflow:hidden;position:relative}.bubble-canvas{width:100%;height:calc(100vh - 460px);min-height:360px;max-height:520px;display:block;background:transparent;border-radius:16px}.bubble-controls{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05,#0000000a),var(--bg-secondary);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--glass-border);gap:16px;flex-wrap:wrap;box-shadow:0 1px #ffffff0a inset,0 4px 16px #00000026}.bubble-stats{display:flex;gap:16px;align-items:center}.stat-item{text-align:center}.stat-label{font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--accent-purple)}.stat-item.critical .stat-value{color:#dc2626}.stat-item.high .stat-value{color:#f97316}.stat-item.medium .stat-value{color:#2563eb}.bubble-center-controls{display:flex;gap:16px;align-items:center;flex:1;justify-content:center}.bubble-filters{display:flex;gap:12px;align-items:center}.active-filter{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-purple);color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.active-filter button{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%;transition:all var(--transition-fast)}.active-filter button:hover{background:#fff3}.filter-dropdown{position:relative}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--accent-purple);background:#8b5cf61a}.filter-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--bg-secondary);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 1px #ffffff0a inset,0 -1px #0000001a inset,var(--shadow-xl),0 8px 32px #0000004d;padding:8px;z-index:100}.filter-dropdown:hover .filter-menu{display:block}.filter-menu button{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.filter-menu button:hover{background:#8b5cf61a}.filter-menu button.active{background:var(--accent-purple);color:#fff}.bubble-options{display:flex;gap:24px;align-items:center}.option-group{display:flex;gap:8px;align-items:center;font-size:.875rem;color:var(--text-secondary)}.option-group span{font-weight:600}.option-btn{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.option-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.option-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.view-mode-toggle{display:flex;background:linear-gradient(180deg,#ffffff0a,#ffffff03,#00000008),var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:3px;gap:2px;box-shadow:0 1px #ffffff08 inset,0 2px 8px #0000001a}.view-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.view-mode-btn:hover{color:var(--text-primary);background:#8b5cf61a}.view-mode-btn.active{background:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #8b5cf666}.view-mode-btn svg{flex-shrink:0}@media(max-width:1024px){.bubble-controls{flex-direction:column;align-items:stretch;gap:12px}.bubble-stats{justify-content:space-around}.bubble-center-controls{flex-direction:column;gap:12px}.bubble-filters{justify-content:flex-start}.bubble-options{flex-direction:column;align-items:stretch;gap:12px}.option-group{flex-wrap:wrap}}.bubble-details-overlay{position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bubble-details-panel{width:100%;max-width:600px;max-height:90vh;background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--bg-secondary);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 1px #ffffff0f inset,0 -1px #00000026 inset,var(--shadow-2xl),0 16px 64px #0006;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bubble-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--glass-border)}.bubble-details-title h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.bubble-details-title p{font-size:.875rem;color:var(--text-secondary);margin:0}.close-details-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-details-btn:hover{background:#ffffff1a;color:var(--text-primary)}.bubble-details-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 100px)}.priority-badge{display:flex;gap:12px;padding:16px;background:var(--bg-secondary);border-left:4px solid;border-radius:var(--radius-md);margin-bottom:24px}.priority-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.priority-desc{font-size:.85rem;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.metric-card{padding:16px;background:linear-gradient(180deg,#ffffff0d,#ffffff03,#0000000a),var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;box-shadow:0 1px #ffffff0a inset,0 -1px #0000001a inset,0 4px 16px #00000026}.metric-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-value{font-size:1.25rem;font-weight:700;color:var(--accent-purple);margin-bottom:4px}.metric-value.large{font-size:2rem}.metric-sub{font-size:.75rem;color:var(--text-secondary)}.performance-section{margin-bottom:24px}.performance-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.performance-bar{width:100%;height:12px;background:var(--glass-border);border-radius:6px;overflow:hidden;margin-bottom:8px}.performance-fill{height:100%;border-radius:6px;transition:width .5s ease}.performance-markers{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-tertiary)}.recommendations-section{background:linear-gradient(180deg,#ffffff0d,#ffffff03,#0000000a),var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;box-shadow:0 1px #ffffff0a inset,0 -1px #0000001a inset,0 4px 16px #00000026}.recommendations-section h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.recommendations-section ul{margin:0;padding-left:20px}.recommendations-section li{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.recommendations-section li:last-child{margin-bottom:0}@media(max-width:768px){.bubble-details-panel{max-width:100%}.metrics-grid{grid-template-columns:1fr}}.bubble-table-container{width:calc(100% - 40px);background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;margin:10px 20px 20px;box-shadow:var(--shadow-xl)}.bubble-table-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--glass-border)}.bubble-table-header h3{margin:0;font-size:1rem;font-weight:600}.bubble-count{font-size:.8rem;font-weight:500}.bubble-table-scroll{overflow-x:auto;overflow-y:auto;max-height:280px}.bubble-table{width:100%;border-collapse:collapse;font-size:.875rem}.bubble-table thead{position:sticky;top:0;background:var(--bg-secondary);z-index:10;border-bottom:2px solid var(--glass-border)}.bubble-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.col-sortable:hover{background:#8b5cf61a}.th-content{display:flex;align-items:center;gap:6px}.sort-icon{font-size:12px;font-weight:700;color:var(--accent-purple)}.sort-icon-inactive{color:var(--text-tertiary);opacity:.3}.bubble-table tbody tr{border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.bubble-table tbody tr:hover{background:#8b5cf60d}.bubble-table tbody tr.selected{background:#8b5cf626;border-left:3px solid var(--accent-purple)}.bubble-table td{padding:12px 16px;color:var(--text-primary)}.col-number{width:50px;text-align:center;color:var(--text-tertiary);font-weight:500}.capability-cell{display:flex;align-items:center;gap:10px}.capability-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.capability-name{font-weight:500}.segment-badge{display:inline-block;padding:4px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary)}.col-score{font-weight:600}.score-value{color:var(--text-primary);font-size:1rem}.score-max{color:var(--text-tertiary);font-size:.75rem;margin-left:2px}.percentile-cell{display:flex;align-items:center;gap:10px}.percentile-bar{flex:1;height:6px;background:var(--glass-bg);border-radius:var(--radius-full);overflow:hidden;position:relative}.percentile-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.percentile-value{font-weight:600;min-width:40px;text-align:right}.priority-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-critical{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.priority-high{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.priority-medium{background:#6366f133;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.priority-low{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.maturity-level{padding:4px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.trend-up{color:#10b981}.trend-neutral{color:var(--text-tertiary)}.trend-down{color:#ef4444}.col-change{min-width:100px}.change-cell{display:flex;align-items:center;gap:6px;font-weight:600}.change-cell.positive,.change-cell.positive .trend-up{color:#10b981}.change-cell.negative,.change-cell.negative .trend-down{color:#ef4444}.change-value{font-size:.875rem}@media(max-width:1024px){.bubble-table{font-size:.75rem}.bubble-table th,.bubble-table td{padding:10px 12px}.capability-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px){.bubble-table-scroll{max-height:400px}.col-maturity,.col-trend{display:none}}.enterprise-bubbles-container{width:100%;min-height:100%;position:relative;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);padding-top:0;padding-bottom:20px}.bubbles-loading,.bubbles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.bubbles-loading .spinner{width:50px;height:50px;border:4px solid var(--glass-border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.bubbles-empty h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.bubbles-empty p{font-size:1rem;margin:0}.bubbles-error{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.error-content{text-align:center;max-width:500px;padding:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.error-icon{font-size:4rem;margin-bottom:20px}.error-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.error-content p{font-size:1rem;color:var(--text-secondary);margin:0 0 20px}.error-retry-btn{padding:12px 24px;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.error-retry-btn:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.error-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px;background:var(--bg-primary);padding:40px}.error-fallback-content{max-width:600px;text-align:center}.error-icon{color:#ef4444;margin-bottom:20px}.error-fallback h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.error-context{font-size:1rem;color:var(--text-secondary);margin:0 0 20px}.error-details{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;margin:20px 0;text-align:left}.error-message{font-size:.9rem;color:#ef4444;font-weight:600;margin:0 0 10px}.error-stack{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-primary);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all}.error-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-purple);border:none;border-radius:var(--radius-md);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.csm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px}.csm-modal{position:relative;width:100%;max-width:1100px;max-height:92vh;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 0 0 1px var(--glass-border),0 25px 50px -12px #00000040,var(--shadow-purple);display:flex;flex-direction:column;overflow:hidden}.csm-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;z-index:10}.csm-close:hover{background:var(--glass-bg);border-color:var(--card-border);color:var(--text-primary)}.csm-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 2rem .5rem;flex-shrink:0}.csm-progress-wrapper{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.5rem}.csm-progress-track{position:relative;width:100%;height:3px;background:color-mix(in srgb,var(--text-tertiary) 20%,transparent);border-radius:100px;overflow:visible}.csm-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--text-tertiary) 20%,transparent);border:2px solid color-mix(in srgb,var(--text-tertiary) 30%,transparent);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.csm-progress-marker.start{left:0}.csm-progress-marker.end{left:100%}.csm-progress-marker.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 0 12px #6366f199}.csm-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:100px;box-shadow:0 0 16px #8b5cf666}.csm-progress-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:3;animation:csm-pulse-glow 2s ease-in-out infinite}@keyframes csm-pulse-glow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.csm-progress-labels{display:flex;justify-content:space-between;width:100%}.csm-progress-label{display:flex;align-items:center;gap:.4rem;opacity:.35;transition:all .3s ease}.csm-progress-label.end{flex-direction:row-reverse}.csm-progress-label.active{opacity:1}.csm-progress-label.current .csm-label-text{color:#a855f7;font-weight:600}.csm-progress-label.completed .csm-label-text{color:var(--text-secondary);font-weight:500}.csm-completed-icon{color:#22c55e;flex-shrink:0}.csm-label-text{font-size:.75rem;font-weight:500;color:var(--text-tertiary);transition:all .3s ease}.csm-progress-label.active .csm-label-text{color:var(--text-primary)}.csm-step-indicator{display:flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:100px}.csm-step-number{font-size:.8rem;font-weight:700;color:#a855f7}.csm-step-divider{font-size:.7rem;color:var(--text-tertiary)}.csm-step-total{font-size:.7rem;font-weight:500;color:var(--text-tertiary)}.csm-content{flex:1;overflow-y:auto;padding:0 1.5rem}.csm-step{display:flex;flex-direction:column}.csm-step-header{text-align:center;margin-bottom:1rem}.csm-step-header h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.csm-step-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.csm-selection-count{display:inline-block;padding:.25rem .75rem;background:var(--glass-bg);border:1px solid rgba(139,92,246,.3);border-radius:50px;font-size:.75rem;color:#a855f7;font-weight:600;margin-top:.5rem}.csm-offerings-grid,.csm-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.625rem;margin-bottom:0}.csm-card{position:relative;padding:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;min-height:100px}.csm-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.csm-card.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--glass-bg));box-shadow:var(--shadow-purple)}.csm-selected-badge{position:absolute;top:.5rem;right:.5rem;background:var(--gradient-1);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-purple)}.csm-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.5rem;box-shadow:0 2px 8px #00000026}.csm-card h3{font-size:.725rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem;line-height:1.25}.csm-card p{font-size:.625rem;color:var(--text-secondary);line-height:1.35;margin:0}.csm-actions{display:flex;justify-content:center;gap:.75rem;padding:1rem 1.5rem;flex-shrink:0;background:var(--card-bg);border-top:1px solid var(--glass-border)}.csm-btn-primary,.csm-btn-secondary{padding:.7rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.4rem;transition:all .3s ease;cursor:pointer;border:none}.csm-btn-primary{background:var(--gradient-1);color:#fff;box-shadow:var(--shadow-purple)}.csm-btn-primary:hover:not(:disabled){transform:translateY(-2px)}.csm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.csm-btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.csm-btn-secondary:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--glass-bg));border-color:var(--accent-primary);transform:translateY(-2px)}@media(max-width:1024px){.csm-offerings-grid,.csm-tools-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.csm-modal{max-height:95vh;border-radius:16px}.csm-progress{padding:1rem 1.25rem .5rem}.csm-content{padding:0 1.25rem}.csm-step-header h2{font-size:1.25rem}.csm-offerings-grid,.csm-tools-grid{grid-template-columns:repeat(2,1fr)}.csm-card{min-height:auto}}@media(max-width:480px){.csm-offerings-grid,.csm-tools-grid{grid-template-columns:1fr}.csm-actions{flex-direction:column;width:100%}.csm-btn-primary,.csm-btn-secondary{width:100%;justify-content:center}}.enterprise-dashboard{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.enterprise-tabs{display:flex;gap:4px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-shrink:0}.enterprise-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative}.enterprise-tab:hover{background:#8b5cf60d;color:var(--text-primary)}.enterprise-tab.active{background:var(--bg-primary);border-color:var(--glass-border);border-bottom-color:transparent;color:var(--accent-purple)}.enterprise-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-purple)}.enterprise-tab svg{flex-shrink:0}.enterprise-tab-content{flex:1;overflow:hidden;position:relative}.enterprise-tab.locked{opacity:.7}.enterprise-tab .lock-badge{margin-left:4px;color:var(--text-secondary)}.enterprise-tab.active.locked .lock-badge{color:var(--accent-purple)}.locked-feature-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e32f2,#141428fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.locked-feature-content{text-align:center;max-width:400px;padding:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080}.locked-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:50%;color:var(--accent-purple)}.locked-feature-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.locked-feature-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:24px}.locked-feature-content p strong{color:var(--accent-purple)}.locked-feature-content .upgrade-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.locked-feature-content .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.enterprise-tab.change-context-btn{margin-left:auto;font-size:.8rem;padding:8px 14px;color:var(--text-tertiary);border:1px solid var(--glass-border);border-radius:8px}.enterprise-tab.change-context-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}@media(max-width:768px){.enterprise-tabs{padding:8px 12px}.enterprise-tab{padding:8px 14px;font-size:.85rem}.enterprise-tab span{display:none}}.domain-onboard-page{min-height:100vh;width:100%;position:relative;overflow-x:hidden;padding:2rem;background:var(--bg-primary);isolation:isolate}.domain-onboard-page:before{content:"";position:fixed;inset:0;background:var(--bg-primary);z-index:-1}.onboard-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.domain-onboard-page .gradient-orb,.domain-onboard-page .orb-1,.domain-onboard-page .orb-2,.domain-onboard-page .orb-3{display:none!important;opacity:0!important;visibility:hidden!important}.domain-onboard-page .onboard-background{display:none}.onboard-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.onboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:var(--accent-purple)}.header-title h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.header-title p{font-size:.875rem;color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:.75rem}.onboard-progress-bar{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem;margin-bottom:1rem}.onboard-progress-bar .progress-bar-wrapper{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1rem}.onboard-progress-bar .progress-bar-track{position:relative;width:100%;height:3px;background:#ffffff1a;border-radius:100px;overflow:visible}.onboard-progress-bar .progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.onboard-progress-bar .progress-marker:hover{transform:translate(-50%,-50%) scale(1.1);border-color:#8b5cf680}.onboard-progress-bar .progress-marker.completed{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;box-shadow:0 0 12px #8b5cf666}.onboard-progress-bar .progress-marker.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 0 20px #6366f180;animation:markerPulse 2s ease-in-out infinite}@keyframes markerPulse{0%,to{box-shadow:0 0 20px #6366f180}50%{box-shadow:0 0 30px #6366f1b3}}.onboard-progress-bar .marker-icon{display:flex;align-items:center;justify-content:center;color:#fff6;transition:all .3s ease}.onboard-progress-bar .marker-icon svg{width:18px;height:18px}.onboard-progress-bar .progress-marker.completed .marker-icon,.onboard-progress-bar .progress-marker.active .marker-icon{color:#fff}.onboard-progress-bar .progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:100px;box-shadow:0 0 16px #8b5cf666}.onboard-progress-bar .progress-bar-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.onboard-progress-bar .progress-labels{display:flex;justify-content:space-between;width:100%;padding:0}.onboard-progress-bar .progress-label{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:.25rem;opacity:.4;transition:all .3s ease;flex:1;max-width:calc(100% / 6)}.onboard-progress-bar .progress-label:hover{opacity:.7}.onboard-progress-bar .progress-label.active,.onboard-progress-bar .progress-label.completed{opacity:1}.onboard-progress-bar .progress-label.current .label-text{color:#a855f7;font-weight:600}.onboard-progress-bar .progress-label.completed .label-text{color:#a78bfa;font-weight:500}.onboard-progress-bar .label-text{font-size:.75rem;font-weight:500;color:#ffffff80;letter-spacing:.01em;transition:all .3s ease;text-align:center;white-space:nowrap}.onboard-progress-bar .progress-label.active .label-text{color:var(--text-primary)}.onboard-progress-bar .progress-step-indicator{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:100px;margin-top:.5rem}.onboard-progress-bar .step-number{font-size:.875rem;font-weight:700;color:#a855f7}.onboard-progress-bar .step-divider{font-size:.75rem;color:#ffffff4d}.onboard-progress-bar .step-total{font-size:.75rem;font-weight:500;color:#fff6}.onboard-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem;min-height:500px;box-shadow:0 8px 32px #00000026}.step-content{height:100%;max-width:900px}.step-domain{display:flex;flex-direction:column;gap:.5rem}.step-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.5rem}.step-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.step-header h2:before{content:"";width:4px;height:28px;background:var(--gradient-1);border-radius:2px}.step-header p{font-size:.9rem;color:var(--text-secondary);margin:0;padding-left:1rem;line-height:1.5}.form-group{margin-bottom:1.75rem}.form-group label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem}.form-group label span.required{color:#ef4444;font-weight:500}.form-group label span.optional{color:var(--text-tertiary);font-weight:400;font-size:.75rem;margin-left:4px}.form-input{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf626;background:#8b5cf605}.form-input:hover:not(:focus){border-color:#8b5cf666}.form-input::placeholder{color:var(--text-tertiary);font-size:.85rem}.form-input.error{border-color:#ef4444;background:#ef444405}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}textarea.form-input{min-height:120px;resize:vertical;line-height:1.6}.form-help{font-size:.8rem;color:var(--text-tertiary);margin-top:.5rem;display:flex;align-items:center;gap:.35rem}.form-help:before{content:"•";color:var(--accent-purple);opacity:.6}.form-error{font-size:.8rem;color:#ef4444;margin-top:.5rem;display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#ef444414;border-radius:var(--radius-sm)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:.5rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.generated-identifiers{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.75rem}.generated-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.15);color:var(--accent-purple);font-size:.875rem;font-weight:600}.generated-header svg{color:var(--accent-purple)}.generated-header span{flex:1}.regenerate-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--accent-purple);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.regenerate-btn:hover{background:#8b5cf633;border-color:var(--accent-purple)}.auto-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.625rem;font-weight:600;color:var(--accent-purple);background:#8b5cf626;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-input.readonly{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;border-color:#8b5cf633}.form-input.readonly:focus{border-color:#8b5cf633;box-shadow:none}.generated-identifiers .form-group,.generated-identifiers .form-row{margin-bottom:0}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-fast)}.item-card:hover{border-color:var(--accent-purple)}.item-card.selected{border-color:var(--accent-purple);background:#8b5cf60d}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-number{width:28px;height:28px;border-radius:50%;background:var(--gradient-1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.item-actions{display:flex;gap:.5rem}.item-actions button{padding:.5rem;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.item-actions button:hover{color:var(--text-primary);background:var(--glass-border)}.item-actions button.delete:hover{color:#ef4444;background:#ef44441a}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:2px dashed var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf60d}.onboard-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.nav-center{display:flex;align-items:center;gap:1rem}.step-indicator{font-size:.875rem;color:var(--text-secondary)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-1);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-purple);background:#8b5cf60d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-border)}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:1000}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.preview-modal{width:800px}.confirm-modal{width:400px;padding:2rem;text-align:center}.confirm-modal h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:1rem 0 .5rem}.confirm-modal p{color:var(--text-secondary);margin:0 0 1.5rem}.confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.confirm-icon.warning{background:#f59e0b1a;color:#f59e0b}.confirm-actions{display:flex;gap:1rem;justify-content:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{padding:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);background:var(--glass-border)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--glass-border)}.sql-preview{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.75rem;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;max-height:500px}.review-section{margin-bottom:2rem}.review-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.review-section h3 svg{color:var(--accent-purple)}.review-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem}.review-card.has-errors{border-color:#ef4444;background:#ef44440d}.review-card.has-warnings{border-color:#f59e0b;background:#f59e0b0d}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.review-item{display:flex;flex-direction:column;gap:.25rem}.review-item label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.review-item span{font-size:.875rem;color:var(--text-primary);font-weight:500}.review-list{display:flex;flex-wrap:wrap;gap:.5rem}.review-tag{padding:.25rem .75rem;background:var(--glass-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-primary)}.validation-messages{margin-top:1rem}.validation-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#ef44441a;border-radius:var(--radius-md);margin-bottom:.5rem}.validation-error svg{color:#ef4444;flex-shrink:0}.validation-error span{font-size:.875rem;color:#ef4444}.validation-warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f59e0b1a;border-radius:var(--radius-md);margin-bottom:.5rem}.validation-warning svg{color:#f59e0b;flex-shrink:0}.validation-warning span{font-size:.875rem;color:#f59e0b}.segment-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.segment-filter-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.segment-filter-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.segment-filter-btn.active{background:var(--gradient-1);border-color:transparent;color:#fff}.maturity-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.maturity-tab{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.maturity-tab:hover{color:var(--text-primary);background:var(--glass-border)}.maturity-tab.active{color:var(--accent-purple);background:#8b5cf61a}.ai-context-preview{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1.5rem;position:relative;overflow:hidden}.ai-context-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1)}.ai-preview-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:var(--accent-purple);font-weight:600;font-size:.9rem}.ai-preview-header svg{opacity:.9}.ai-preview-content{font-size:.9rem;color:var(--text-primary);line-height:1.7}.ai-preview-content strong{color:var(--accent-purple);font-weight:600}.tags-input{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-height:80px}.tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--accent-purple);border-radius:var(--radius-sm);color:#fff;font-size:.75rem}.tag button{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center}.tag-input{flex:1;min-width:100px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.empty-state{text-align:center;padding:3rem;color:var(--text-tertiary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}.onboard-footer{display:flex;justify-content:center;padding-top:1.5rem;margin-top:.5rem}.powered-by-badge{font-size:.75rem;color:#fff6;text-align:center}@media(max-width:1200px){.onboard-progress-bar .progress-bar-wrapper{max-width:800px}.onboard-progress-bar .progress-marker{width:36px;height:36px}.onboard-progress-bar .marker-icon svg{width:16px;height:16px}.onboard-progress-bar .label-text{font-size:.7rem}}@media(max-width:900px){.onboard-progress-bar{padding:1rem}.onboard-progress-bar .progress-bar-wrapper{max-width:100%}.onboard-progress-bar .progress-marker{width:32px;height:32px}.onboard-progress-bar .marker-icon svg{width:14px;height:14px}.onboard-progress-bar .label-text{font-size:.65rem}.onboard-progress-bar .progress-bar-glow{width:16px;height:16px}}@media(max-width:768px){.domain-onboard-page{padding:1rem}.onboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.onboard-progress-bar{padding:.75rem .5rem}.onboard-progress-bar .progress-marker{width:28px;height:28px}.onboard-progress-bar .marker-icon svg{width:12px;height:12px}.onboard-progress-bar .label-text{font-size:.6rem;white-space:normal;line-height:1.2}.onboard-progress-bar .progress-labels{gap:.25rem}.onboard-progress-bar .progress-label{padding:.125rem}.onboard-progress-bar .progress-step-indicator{padding:.25rem .5rem}.onboard-progress-bar .step-number{font-size:.75rem}.onboard-navigation{flex-direction:column;gap:1rem}.nav-center{order:-1}.review-grid{grid-template-columns:1fr}.step-header h2:before{display:none}.onboard-content{padding:1.5rem}}@media(max-width:480px){.onboard-progress-bar .progress-marker{width:24px;height:24px}.onboard-progress-bar .marker-icon svg{width:10px;height:10px}.onboard-progress-bar .label-text{font-size:.55rem}.onboard-progress-bar .progress-bar-glow{width:12px;height:12px}}.pricing-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;padding:40px 24px 80px}.pricing-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.pricing-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.pricing-orb.orb-1{width:600px;height:600px;background:var(--gradient-1);top:-200px;right:-200px}.pricing-orb.orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--accent-primary),#06b6d4);bottom:100px;left:-150px}.pricing-orb.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#f59e0b,#ef4444);bottom:-100px;right:20%}.pricing-loading,.pricing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary)}.pricing-loading .spin{animation:spin 1s linear infinite;color:var(--accent-primary)}.pricing-error button{padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.pricing-header{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto 48px}.pricing-title{font-size:3rem;font-weight:700;margin-bottom:16px}.pricing-title .gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 32px}.pricing-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.toggle-group{display:flex;align-items:center;gap:12px}.toggle-label{font-size:.9rem;color:var(--text-secondary)}.toggle-buttons{display:flex;background:var(--glass-bg);border-radius:12px;padding:4px;border:1px solid var(--glass-border)}.toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--gradient-1);color:#fff}.save-badge{font-size:.7rem;background:#10b981;color:#fff;padding:2px 6px;border-radius:4px;margin-left:4px}.pricing-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1400px;margin:0 auto 48px}.pricing-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:32px 24px;position:relative;border-top:4px solid;transition:all .3s ease}.pricing-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);box-shadow:var(--shadow-lg)}.pricing-card.popular{background:color-mix(in srgb,var(--accent-primary) 8%,var(--glass-bg));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-8px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:var(--gradient-1);color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600}.card-header{margin-bottom:24px}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.plan-description{font-size:.9rem;color:var(--text-tertiary);line-height:1.5}.card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px;flex-wrap:wrap}.price-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:1rem;color:var(--text-tertiary)}.price-savings{width:100%;font-size:.85rem;color:#10b981;margin-top:4px}.plan-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.plan-cta:hover{background:var(--glass-bg);border-color:var(--card-border)}.plan-cta.primary{background:var(--gradient-1);border:none;color:#fff}.plan-cta.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text-secondary)}.feature-item.disabled{color:var(--text-tertiary)}.feature-check{color:#10b981;flex-shrink:0;margin-top:2px}.feature-x{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.enterprise-contact{position:relative;z-index:1;max-width:900px;margin:0 auto 48px}.enterprise-content{display:flex;align-items:center;gap:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:32px}.enterprise-icon{color:#f59e0b;flex-shrink:0}.enterprise-text{flex:1}.enterprise-text h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:8px}.enterprise-text p{font-size:.9rem;color:var(--text-secondary)}.enterprise-cta{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.enterprise-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.pricing-footer{position:relative;z-index:1;text-align:center}.back-link{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;transition:color .2s ease}.back-link:hover{color:var(--text-primary)}@media(max-width:768px){.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.pricing-toggles{flex-direction:column;gap:16px}.toggle-group{width:100%;justify-content:center}.toggle-buttons{flex:1;justify-content:center}.pricing-cards{grid-template-columns:1fr;gap:16px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.enterprise-content{flex-direction:column;text-align:center}.enterprise-text{text-align:center}}.ai-control-center{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-primary)}.ai-control-center__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--glass-border)}.ai-control-center__title{display:flex;align-items:center;gap:16px}.ai-control-center__icon{color:var(--accent-purple)}.ai-control-center__title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ai-control-center__title p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-control-center__status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);font-size:.875rem;color:#22c55e;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-status 2s infinite}.status-dot--online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-dot--warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-dot--offline{background:#ef4444;box-shadow:0 0 8px #ef444480}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.ai-control-center__tabs{display:flex;gap:6px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.ai-control-center__tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ai-control-center__tab:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary);transform:translateY(-2px)}.ai-control-center__tab.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 12px #8b5cf64d}.ai-control-center__tab.active:hover{transform:translateY(-2px) scale(1.02)}.ai-control-center__tab svg{flex-shrink:0}.ai-control-center__content{flex:1;overflow-y:auto;padding:24px}.ai-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ai-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ai-card__title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary)}.ai-card__title svg{color:var(--accent-purple)}.ai-grid{display:grid;gap:20px}.ai-grid--2{grid-template-columns:repeat(2,1fr)}.ai-grid--3{grid-template-columns:repeat(3,1fr)}.ai-grid--4{grid-template-columns:repeat(4,1fr)}.ai-stat-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.ai-stat-card__label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.ai-stat-card__value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.ai-stat-card__trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.ai-stat-card__trend.positive{color:#22c55e}.ai-stat-card__trend.negative{color:#ef4444}.ai-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ai-btn--primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));color:#fff}.ai-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.ai-btn--secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.ai-btn--secondary:hover{background:var(--bg-secondary);border-color:var(--accent-purple)}.ai-btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.ai-btn--small{padding:6px 12px;font-size:.75rem}.ai-progress{height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.ai-progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-normal)}.ai-input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.ai-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.ai-input::placeholder{color:var(--text-tertiary)}.ai-label{display:block;margin-bottom:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ai-toggle{position:relative;width:44px;height:24px;background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.ai-toggle.active{background:var(--accent-purple)}.ai-toggle__handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-fast)}.ai-toggle.active .ai-toggle__handle{left:22px}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-badge--success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.ai-badge--warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.ai-badge--error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.ai-badge--info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.ai-badge--default{background:#8b5cf61a;color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.ai-empty-state__icon{width:64px;height:64px;margin-bottom:16px;color:var(--text-tertiary);opacity:.5}.ai-empty-state__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.ai-empty-state__description{font-size:.875rem;color:var(--text-tertiary);margin:0 0 20px;max-width:400px}@media(max-width:1024px){.ai-grid--4,.ai-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ai-control-center__header{flex-direction:column;gap:16px;text-align:center}.ai-control-center__title{flex-direction:column}.ai-control-center__tabs{padding:12px 16px;gap:4px}.ai-control-center__tab span{display:none}.ai-control-center__tab{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}.ai-control-center__content{padding:16px}.ai-grid--2,.ai-grid--3,.ai-grid--4{grid-template-columns:1fr}}.ai-overview{display:flex;flex-direction:column;gap:24px}.ai-overview--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:var(--text-tertiary)}.ai-overview__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ai-overview__grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.ai-overview__providers{grid-row:span 2}.ai-provider-grid{display:flex;flex-direction:column;gap:12px}.ai-provider-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ai-provider-card.active{border-color:#22c55e4d}.ai-provider-card__indicator{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.ai-provider-card.active .ai-provider-card__indicator{animation:pulse-status 2s infinite}.ai-provider-card__info{flex:1}.ai-provider-card__name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ai-provider-card__status{display:flex;gap:6px;margin-top:4px}.ai-provider-card__check{color:#22c55e}.ai-quick-actions{display:flex;flex-direction:column;gap:12px}.ai-quick-action{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.ai-quick-action:hover{background:var(--glass-bg);border-color:var(--accent-purple);transform:translate(4px)}.ai-quick-action__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-secondary));border-radius:var(--radius-md);color:#fff}.ai-quick-action__info{display:flex;flex-direction:column}.ai-quick-action__title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ai-quick-action__desc{font-size:.75rem;color:var(--text-tertiary)}.ai-health-list{display:flex;flex-direction:column;gap:10px}.ai-health-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--glass-border)}.ai-health-item:last-child{border-bottom:none}.ai-health-item__info{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-primary)}.ai-health-footer{display:flex;align-items:center;gap:8px;padding-top:12px;font-size:.75rem;color:var(--text-tertiary)}.ai-overview__warning{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);color:#f59e0b;font-size:.875rem}.ai-providers{display:flex;flex-direction:column;gap:24px}.ai-providers--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:var(--text-tertiary)}.ai-providers__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-providers__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-providers__header p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-providers__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ai-provider-config-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ai-provider-config-card:hover{border-color:var(--accent-purple);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.ai-provider-config-card.active{border-color:#22c55e4d}.ai-provider-config-card__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-provider-config-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.ai-provider-config-card__badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.ai-provider-config-card__info h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.ai-provider-config-card__info p{font-size:.8125rem;color:var(--text-tertiary);margin:4px 0 0}.ai-provider-config-card__features{display:flex;flex-wrap:wrap;gap:6px}.ai-provider-config-card__feature{padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.ai-provider-config-card__test{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500}.ai-provider-config-card__test.success{background:#22c55e1a;color:#22c55e}.ai-provider-config-card__test.error{background:#ef44441a;color:#ef4444}.ai-provider-config-card__actions{display:flex;gap:8px;margin-top:auto}.ai-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ai-modal{width:100%;max-width:480px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d}.ai-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--glass-border)}.ai-modal__header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.ai-modal__content{padding:20px;display:flex;flex-direction:column;gap:20px}.ai-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--glass-border)}.ai-form-group{display:flex;flex-direction:column;gap:8px}.ai-form-group--toggle{flex-direction:row;justify-content:space-between;align-items:center}.ai-form-hint{font-size:.75rem;color:var(--text-tertiary);margin:0}.ai-input-group{display:flex;gap:8px}.ai-input-group .ai-input{flex:1}.ai-select{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.ai-select:focus{outline:none;border-color:var(--accent-purple)}.ai-skills-tab__header{margin-bottom:24px}.ai-skills-tab__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-skills-tab__header p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-workflows-tab{display:flex;flex-direction:column;gap:20px}.ai-workflows-tab__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-workflows-tab__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-workflows-tab__header p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-workflows-tab__filters{display:flex;gap:12px}.ai-filter-group{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.ai-filter-group .ai-select{width:auto;min-width:180px}.ai-agents-tab{display:flex;flex-direction:column;gap:24px}.ai-agents-tab__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-agents-tab__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-agents-tab__header p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-agents-tab__stats{display:flex;gap:16px}.ai-agents-tab__stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.ai-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ai-agent-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ai-agent-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.ai-agent-card.active{border-color:#22c55e4d}.ai-agent-card.inactive{opacity:.7}.ai-agent-card__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-agent-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff}.ai-agent-card__icon.research{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ai-agent-card__icon.analysis{background:linear-gradient(135deg,#22c55e,#16a34a)}.ai-agent-card__icon.orchestrator{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ai-agent-card__icon.expert{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-agent-card__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.ai-agent-card__toggle.active{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.ai-agent-card__toggle:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.ai-agent-card__info h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.ai-agent-card__info p{font-size:.8125rem;color:var(--text-tertiary);margin:6px 0 0;line-height:1.5}.ai-agent-card__capabilities{display:flex;flex-wrap:wrap;gap:6px}.ai-agent-card__capability{padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.ai-agent-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.ai-agent-card__metric{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ai-agent-card__metric svg{color:var(--text-tertiary)}.ai-agent-card__metric span{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.ai-agent-card__metric label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.ai-agent-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ai-settings-tab{display:flex;flex-direction:column;gap:24px}.ai-settings-tab__header{display:flex;justify-content:space-between;align-items:flex-start}.ai-settings-tab__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-settings-tab__header p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-settings-tab__actions{display:flex;gap:12px}.ai-settings-sections{display:flex;flex-direction:column;gap:24px}.ai-settings-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px}.ai-settings-section__header{display:flex;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.ai-settings-section__header svg{color:var(--accent-purple);flex-shrink:0;margin-top:2px}.ai-settings-section__header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.ai-settings-section__header p{font-size:.8125rem;color:var(--text-tertiary);margin:4px 0 0}.ai-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ai-settings-grid--full{grid-template-columns:1fr}.ai-range{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);appearance:none;cursor:pointer}.ai-range::-webkit-slider-thumb{width:18px;height:18px;background:var(--accent-purple);border-radius:50%;appearance:none;cursor:pointer;box-shadow:0 2px 6px #8b5cf666}.ai-range-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-tertiary);margin-top:6px}@media(max-width:1024px){.ai-overview__stats{grid-template-columns:repeat(2,1fr)}.ai-overview__grid{grid-template-columns:1fr}.ai-overview__providers{grid-row:auto}.ai-settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.ai-overview__stats{grid-template-columns:1fr}.ai-providers__header,.ai-agents-tab__header,.ai-workflows-tab__header,.ai-settings-tab__header{flex-direction:column;gap:16px}.ai-agents-tab__stats{width:100%;justify-content:center}.ai-settings-tab__actions{width:100%}.ai-settings-tab__actions .ai-btn{flex:1}}.ai-auth-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#f59e0b}.ai-auth-banner svg{flex-shrink:0}.ai-auth-banner__content{flex:1}.ai-auth-banner__content strong{display:block;font-size:.875rem;font-weight:600;margin-bottom:4px}.ai-auth-banner__content p{font-size:.8125rem;margin:0;opacity:.9}.ai-auth-banner .ai-btn{flex-shrink:0}.ai-modal__footer{display:flex;flex-direction:column;gap:12px;padding:20px;border-top:1px solid var(--glass-border)}.ai-modal__actions{display:flex;justify-content:flex-end;gap:12px}.ai-modal__error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:.8125rem;color:#ef4444}.ai-modal__error svg{flex-shrink:0}.ai-demo-notice{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:500px;margin:48px auto}.ai-demo-notice__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:50%;margin-bottom:16px;color:var(--accent-purple)}.ai-demo-notice h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.ai-demo-notice p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.ai-demo-notice__features{width:100%;text-align:left;margin-bottom:24px}.ai-demo-notice__features h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.ai-demo-notice__features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ai-demo-notice__features li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.ai-demo-notice__features li svg{color:#10b981;flex-shrink:0}.ai-demo-notice .ai-btn{margin-top:8px}.ai-modal--large{max-width:640px}.ai-modal__title-group{display:flex;align-items:center;gap:16px}.ai-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff}.ai-modal__icon.expert{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-modal__header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ai-modal__header>div p{font-size:.875rem;color:var(--text-tertiary);margin:4px 0 0}.ai-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.ai-modal__close:hover{background:var(--glass-bg);border-color:var(--accent-purple);color:var(--text-primary)}.ai-modal__body{padding:24px;display:flex;flex-direction:column;gap:24px;max-height:60vh;overflow-y:auto}.ai-training-section{display:flex;flex-direction:column;gap:16px}.ai-training-section__header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.ai-training-section__header svg{color:var(--accent-purple)}.ai-training-section__header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.ai-training-section__header .ai-btn{margin-left:auto}.ai-training-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-training-form .ai-form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ai-knowledge-list{display:flex;flex-direction:column;gap:10px}.ai-knowledge-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background:var(--bg-secondary);border:2px dashed var(--glass-border);border-radius:var(--radius-md)}.ai-knowledge-empty svg{color:var(--text-tertiary);opacity:.5;margin-bottom:12px}.ai-knowledge-empty p{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.ai-knowledge-empty span{font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.ai-knowledge-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ai-knowledge-item:hover{border-color:var(--accent-purple)}.ai-knowledge-item__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#8b5cf61a;border-radius:var(--radius-sm);color:var(--accent-purple)}.ai-knowledge-item__info{flex:1;display:flex;flex-direction:column;min-width:0}.ai-knowledge-item__name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-knowledge-item__meta{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.ai-knowledge-item__status{flex-shrink:0}.ai-knowledge-item__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.ai-knowledge-item__remove:hover{background:#ef44441a;color:#ef4444}.ai-training-status{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-md)}.ai-training-status svg{flex-shrink:0;margin-top:2px}.ai-training-status strong{display:block;font-size:.875rem;font-weight:600;margin-bottom:4px}.ai-training-status p{font-size:.8125rem;margin:0;opacity:.9}.ai-training-status--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.ai-training-status--progress{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;flex-direction:column}.ai-training-status--progress>div:first-of-type{display:flex;align-items:flex-start;gap:14px;width:100%}.ai-training-progress{width:100%;height:4px;background:#3b82f633;border-radius:var(--radius-full);overflow:hidden;margin-top:12px}.ai-training-progress__bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:var(--radius-full)}.ai-training-eta{font-size:.75rem;color:#3b82f6cc;margin-top:8px;text-align:center}.ai-training-status--error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.ai-training-status--error button{margin-left:auto}.ai-agent-card.configuring{border-color:#f59e0b4d}.ai-agent-card.training{border-color:#3b82f64d}.ai-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ai-btn:disabled:hover{transform:none;box-shadow:none}@media(max-width:640px){.ai-modal--large{max-width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh}.ai-training-form{grid-template-columns:1fr}.ai-modal__body{max-height:50vh}}.skills-panel{display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;border:1px solid var(--glass-border);overflow:hidden}.skills-panel--loading,.skills-panel--error{min-height:300px;display:flex;align-items:center;justify-content:center}.skills-panel__loader,.skills-panel__error{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary)}.skills-panel__error{color:var(--accent-error, #ef4444)}.skills-panel__retry-btn{padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:opacity .2s}.skills-panel__retry-btn:hover{opacity:.9}.skills-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--glass-border);gap:16px;flex-wrap:wrap}.skills-panel__title{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.skills-panel__title h3{margin:0;font-size:16px;font-weight:600}.skills-panel__count{background:var(--accent-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.skills-panel__search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--glass-border);flex:1;max-width:300px}.skills-panel__search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.skills-panel__search input::placeholder{color:var(--text-tertiary)}.skills-panel__filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--glass-border);overflow-x:auto}.skills-panel__filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s}.skills-panel__filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.skills-panel__filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.skills-panel__list{flex:1;overflow-y:auto;padding:8px}.skills-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-tertiary)}.skills-panel__skill{background:var(--bg-secondary);border-radius:10px;border:1px solid var(--glass-border);margin-bottom:8px;overflow:hidden;transition:all .2s}.skills-panel__skill:hover{border-color:var(--accent-primary)}.skills-panel__skill.expanded{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a}.skills-panel__skill-header{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}.skills-panel__skill-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-1, linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)));border-radius:8px;color:#fff;flex-shrink:0}.skills-panel__skill-info{flex:1;min-width:0}.skills-panel__skill-name{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary);font-size:14px}.skills-panel__skill-name .addon-icon{color:var(--accent-warning, #f59e0b)}.skills-panel__skill-desc{font-size:13px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills-panel__skill-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.skills-panel__tier-badge{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;color:#fff;text-transform:capitalize}.skills-panel__chevron{color:var(--text-tertiary);transition:transform .2s}.skills-panel__chevron.rotated{transform:rotate(90deg)}.skills-panel__skill-content{padding:0 14px 14px;border-top:1px solid var(--glass-border);overflow:hidden}.skills-panel__skill-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 0}.detail-row{display:flex;gap:8px}.detail-label{font-size:12px;color:var(--text-tertiary)}.detail-value{font-size:12px;color:var(--text-primary);font-weight:500}.skills-panel__result{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.skills-panel__result.success{background:#22c55e1a;color:#22c55e}.skills-panel__result.error{background:#ef44441a;color:#ef4444}.skills-panel__execute-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.skills-panel__execute-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.skills-panel__execute-btn:disabled{opacity:.6;cursor:not-allowed}.skills-panel__input-section{margin:12px 0}.skills-panel__input-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.skills-panel__sample-btn{margin-left:auto;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:4px;color:var(--accent-primary);font-size:12px;cursor:pointer;transition:all .2s}.skills-panel__sample-btn:hover{background:var(--accent-primary);color:#fff}.skills-panel__input-textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5;resize:vertical;min-height:120px}.skills-panel__input-textarea:focus{outline:none;border-color:var(--accent-primary)}.skills-panel__input-textarea::placeholder{color:var(--text-tertiary)}.skills-panel__result-section{margin:12px 0}.skills-panel__toggle-result{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-top:8px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.skills-panel__toggle-result:hover{background:var(--bg-secondary);color:var(--text-primary)}.skills-panel__result-detail{margin-top:8px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--glass-border);overflow:hidden}.skills-panel__result-actions{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--glass-border);background:var(--bg-secondary)}.skills-panel__action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.skills-panel__action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.skills-panel__result-json{margin:0;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.5;color:var(--text-primary);overflow-x:auto;max-height:400px;white-space:pre-wrap;word-break:break-word}.skills-panel__metrics{display:flex;gap:16px;margin-top:8px;font-size:12px;color:var(--text-tertiary)}.workflow-status{display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;border:1px solid var(--glass-border);overflow:hidden}.workflow-status--loading,.workflow-status--error,.workflow-status__empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.workflow-status--error{color:var(--accent-error, #ef4444)}.workflow-status--error button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);cursor:pointer}.workflow-status__list{border-bottom:1px solid var(--glass-border)}.workflow-status__list-header{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--text-primary);font-weight:600;font-size:14px;border-bottom:1px solid var(--glass-border)}.workflow-status__count{background:var(--accent-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:auto}.workflow-status__list-items{max-height:200px;overflow-y:auto}.workflow-status__list-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;text-align:left;transition:background .2s}.workflow-status__list-item:hover{background:var(--bg-secondary)}.workflow-status__list-item.active{background:var(--bg-tertiary)}.workflow-status__list-item:last-child{border-bottom:none}.workflow-status__list-item-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-status__list-item-progress{font-size:12px;color:var(--text-tertiary);font-weight:500}.workflow-status__details{padding:16px;display:flex;flex-direction:column;gap:16px}.workflow-status__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-status__title{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.workflow-status__title h3{margin:0;font-size:16px;font-weight:600}.workflow-status__badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;color:#fff}.workflow-status__progress{display:flex;align-items:center;gap:12px}.workflow-status__progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.workflow-status__progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px}.workflow-status__progress-text{font-size:13px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.workflow-status__tasks{background:var(--bg-secondary);border-radius:10px;border:1px solid var(--glass-border);overflow:hidden}.workflow-status__tasks-header{padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.workflow-status__tasks-list{max-height:300px;overflow-y:auto}.workflow-status__task{border-bottom:1px solid var(--glass-border)}.workflow-status__task:last-child{border-bottom:none}.workflow-status__task-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .2s}.workflow-status__task-header:hover{background:var(--bg-tertiary)}.workflow-status__task-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.workflow-status__task-info{flex:1;display:flex;flex-direction:column;gap:2px}.workflow-status__task-name{font-size:13px;font-weight:500;color:var(--text-primary)}.workflow-status__task-status{font-size:11px}.workflow-status__task-expand{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px}.workflow-status__task-details{padding:0 14px 10px 48px;overflow:hidden}.workflow-status__task-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;color:#ef4444;border-radius:6px;font-size:12px}.workflow-status__task-result{padding:10px;background:var(--bg-primary);border-radius:6px;font-size:11px;color:var(--text-secondary);overflow-x:auto;margin:0}.workflow-status__approval{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;overflow:hidden}.workflow-status__approval-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f59e0b26;color:#f59e0b;font-weight:600;font-size:14px}.workflow-status__approval-content{padding:14px;display:flex;flex-direction:column;gap:12px}.workflow-status__approval-action{color:var(--text-primary)}.workflow-status__approval-action strong{font-size:14px}.workflow-status__approval-action p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.workflow-status__approval-reason{width:100%;padding:10px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;resize:none;font-family:inherit}.workflow-status__approval-reason::placeholder{color:var(--text-tertiary)}.workflow-status__approval-buttons{display:flex;gap:10px}.workflow-status__approve-btn,.workflow-status__reject-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.workflow-status__approve-btn{background:#22c55e;color:#fff}.workflow-status__approve-btn:hover{background:#16a34a}.workflow-status__reject-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.workflow-status__reject-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.workflow-status__actions{padding-top:4px}.workflow-status__start-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.workflow-status__start-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-usage-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;border:1px solid var(--glass-border);padding:16px;gap:16px}.ai-usage-card.compact{padding:12px;gap:12px}.ai-usage-card--loading,.ai-usage-card--error{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary)}.ai-usage-card--error{color:var(--accent-error, #ef4444)}.ai-usage-card--error button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer}.ai-usage-card__header{display:flex;align-items:center;justify-content:space-between}.ai-usage-card__title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;font-size:15px}.ai-usage-card__refresh{background:transparent;border:none;color:var(--text-tertiary);padding:6px;cursor:pointer;border-radius:6px;transition:all .2s}.ai-usage-card__refresh:hover{background:var(--bg-secondary);color:var(--text-primary)}.ai-usage-card__section{display:flex;flex-direction:column;gap:12px}.ai-usage-card__section-title{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.ai-usage-card__metric{display:flex;flex-direction:column;gap:6px}.ai-usage-card__metric-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.ai-usage-card__metric-count{margin-left:auto;color:var(--text-primary);font-weight:600;font-size:12px}.ai-usage-card__progress{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.ai-usage-card__progress-fill{height:100%;border-radius:3px;transition:background-color .3s}.ai-usage-card__remaining{font-size:11px;color:var(--text-tertiary);text-align:right}.ai-usage-card__workflows{padding-top:4px}.ai-usage-card__workflow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-usage-card__workflow-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-secondary);border-radius:8px}.ai-usage-card__workflow-value{font-size:20px;font-weight:700;color:var(--text-primary)}.ai-usage-card__workflow-stat.success .ai-usage-card__workflow-value{color:var(--accent-success, #22c55e)}.ai-usage-card__workflow-stat.error .ai-usage-card__workflow-value{color:var(--accent-error, #ef4444)}.ai-usage-card__workflow-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.ai-usage-card__warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:12px}.ai-usage-card__warning svg{flex-shrink:0;margin-top:1px}.ai-usage-card.compact .ai-usage-card__header{margin-bottom:-4px}.ai-usage-card.compact .ai-usage-card__title{font-size:13px}.ai-usage-card.compact .ai-usage-card__metric-header{font-size:12px}.ai-usage-card.compact .ai-usage-card__progress{height:4px}.animate-spin{animation:spin 1s linear infinite}.avasset-home{min-height:100vh;width:100%;overflow-x:hidden;position:relative;padding-bottom:4rem}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 3rem;position:relative;z-index:1;min-height:50vh}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent-purple);border-radius:var(--radius-full);color:var(--accent-purple);font-size:.875rem;font-weight:500;margin-bottom:2rem;box-shadow:var(--shadow-purple)}.home-hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.1;color:var(--text-primary);margin:0 0 1.5rem;max-width:900px}.home-gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.home-hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:700px;margin:0 0 2.5rem;line-height:1.7}.home-hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.home-cta-primary,.home-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);border:none;text-decoration:none}.home-cta-primary{background:var(--gradient-1);color:#fff;box-shadow:var(--shadow-purple)}.home-cta-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.home-cta-secondary{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-primary)}.home-cta-secondary:hover{border-color:var(--accent-purple);transform:translateY(-3px)}.home-stats-section{padding:2rem 2rem 4rem;position:relative;z-index:1}.home-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;max-width:1200px;margin:0 auto}.home-stat-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;transition:var(--transition-slow);position:relative;overflow:hidden}.home-stat-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:0 0 4px 4px;background:var(--gradient-1);opacity:0;transition:var(--transition-slow)}.home-stat-card:hover{transform:translateY(-6px);border-color:var(--accent-purple);box-shadow:var(--shadow-md)}.home-stat-card:hover:before{opacity:1}.home-stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--gradient-1);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.home-stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.home-stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.home-section-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.home-section-tag{display:inline-flex;padding:6px 18px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent-purple);border-radius:var(--radius-full);color:var(--accent-purple);font-size:.8125rem;font-weight:500}.home-section-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.home-section-subtitle{font-size:clamp(.9375rem,1.5vw,1.1rem);color:var(--text-secondary);max-width:650px;margin:0;line-height:1.6}.home-domains-section{padding:4rem 2rem;max-width:1300px;margin:0 auto;position:relative;z-index:1}.home-domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.home-domain-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;transition:var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.home-domain-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;opacity:0;transition:var(--transition-slow)}.home-domain-card:hover{transform:translateY(-6px);border-color:var(--accent-purple);box-shadow:var(--shadow-lg)}.home-domain-card:hover:before{opacity:1}.home-domain-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;flex-shrink:0}.home-domain-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.home-domain-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.home-agents-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.home-agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.home-agent-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;transition:var(--transition-slow);position:relative;overflow:hidden}.home-agent-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;opacity:0;transition:var(--transition-slow)}.home-agent-card:hover{transform:translateY(-6px);border-color:var(--accent-purple);box-shadow:var(--shadow-lg)}.home-agent-card:hover:before{opacity:1}.home-agent-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.home-agent-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.home-agent-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.home-agent-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.25rem}.home-agent-stats{display:flex;gap:.75rem;flex-wrap:wrap}.home-agent-stat-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.home-agent-stat-badge svg{opacity:.7}.home-agent-stat-badge.configurable{border-color:var(--accent-purple);color:var(--accent-purple)}.home-features-section{padding:4rem 2rem;max-width:1300px;margin:0 auto;position:relative;z-index:1}.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.home-feature-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;transition:var(--transition-slow);text-align:center}.home-feature-card:hover{transform:translateY(-6px);border-color:var(--accent-purple);box-shadow:var(--shadow-lg)}.home-feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#fff}.home-feature-card h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.home-feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.home-final-cta{padding:4rem 2rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.home-cta-container{max-width:800px;width:100%;padding:3.5rem 3rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.home-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,var(--orb-color-3) 0%,transparent 70%);pointer-events:none;animation:home-pulse-glow 6s ease-in-out infinite}@keyframes home-pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}.home-cta-content{position:relative;z-index:1}.home-cta-content h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem}.home-cta-content p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.home-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.home-stats-grid{grid-template-columns:repeat(3,1fr)}.home-agents-grid,.home-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-hero{padding:3rem 1rem 2rem;min-height:auto}.home-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.home-stat-number{font-size:1.5rem}.home-domains-section,.home-agents-section,.home-features-section{padding:3rem 1rem}.home-agents-grid,.home-features-grid{grid-template-columns:1fr}.home-domains-grid{grid-template-columns:repeat(2,1fr)}.home-cta-container{padding:2.5rem 1.5rem}.home-cta-buttons{flex-direction:column}.home-cta-buttons .home-cta-primary,.home-cta-buttons .home-cta-secondary{width:100%;justify-content:center}}@media(max-width:480px){.home-hero-title{font-size:1.75rem}.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-domains-grid{grid-template-columns:1fr}.home-domain-card,.home-agent-card,.home-feature-card{padding:1.25rem}.home-cta-container{padding:2rem 1rem}}body{font-size:16px}.landing{position:relative;min-height:100vh}.bg-effects{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{width:600px;height:600px;background:var(--orb-color-1);top:-200px;right:-100px}.orb-2{width:500px;height:500px;background:var(--orb-color-2);bottom:-150px;left:-100px;animation-delay:-5s}.orb-3{width:400px;height:400px;background:var(--orb-color-3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}.navbar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1200px;z-index:1000;padding:12px 24px;transition:all .3s ease}.navbar.scrolled{background:#0a0a0fcc;border-color:#8b5cf64d}.nav-container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px}.logo-mark{width:36px;height:36px;background:var(--gradient-1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}.logo-mark-img{width:36px;height:36px;border-radius:10px;object-fit:contain}.logo-image-nav{height:36px;width:auto;object-fit:contain}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-nav-primary{background:var(--gradient-1);color:#fff;padding:10px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s}.btn-nav-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 60px;position:relative;z-index:1}.hero-content{max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--accent-purple);margin-bottom:24px}.hero-title{font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.6}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-1);color:#fff;padding:16px 32px;border-radius:14px;text-decoration:none;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #8b5cf666}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);color:var(--text-primary);padding:16px 32px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.btn-large{padding:18px 40px;font-size:17px}.hero-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stat-item{padding:20px 28px;text-align:center;min-width:140px}.stat-value{display:block;font-size:24px;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.scroll-indicator{position:absolute;bottom:40px;color:var(--text-secondary);opacity:.5}.features-section{padding:120px 24px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;padding:8px 16px;font-size:13px;font-weight:600;color:var(--accent-cyan);margin-bottom:16px}.section-header h2{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:18px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto}.feature-card{padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf626}.feature-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--gradient-1);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.5}.cta-section{padding:60px 24px 120px;position:relative;z-index:1}.cta-card{max-width:800px;margin:0 auto;padding:60px 40px;text-align:center;border-color:#8b5cf64d}.cta-card h2{font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:16px}.cta-card p{color:var(--text-secondary);font-size:17px;margin-bottom:32px}.landing-footer{padding:24px;margin:0 24px 24px;position:relative;z-index:1}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700}.footer-content p{color:var(--text-secondary);font-size:14px}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;margin-right:0;padding:70px 24px 24px 16px;transition:margin-left .3s ease,margin-right .3s ease;position:relative;z-index:1;height:100vh;overflow-y:auto;overflow-x:hidden}.main-content.expanded{margin-left:80px}.main-content.chatbot-open{margin-right:calc(20% + 24px)}.main-content.chatbot-expanded{margin-right:calc(30% + 24px)}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:20px 12px;transition:width .3s ease;z-index:100;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;gap:12px;padding:12px;flex-shrink:0;background:transparent;border-radius:12px;margin:8px;perspective:800px}.logo-container{position:relative;width:40px;height:40px;transform-style:preserve-3d;animation:rotate3D 8s ease-in-out infinite}.logo-image{height:40px;width:auto;object-fit:contain;flex-shrink:0;animation:logoRotate3D 8s ease-in-out infinite;transform-style:preserve-3d}.sidebar.collapsed .logo-image{height:32px}@keyframes logoRotate3D{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(360deg) rotateY(0)}50%{transform:rotateX(360deg) rotateY(0)}75%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(0) rotateY(0)}}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-brand-text .brand-name{font-size:18px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#2563eb,#3b82f6,#ff9f1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-text .brand-tagline{font-size:9px;font-weight:500;color:var(--text-tertiary);letter-spacing:2px;text-transform:uppercase}.sidebar.collapsed .sidebar-brand-text{display:none}.fullscreen-btn{margin-left:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.domain-selector{position:relative;margin-bottom:12px;padding:0 4px;flex-shrink:0}.domain-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.domain-btn:hover{background:#8b5cf626;border-color:#8b5cf64d}.domain-btn span{flex:1;text-align:left}.domain-chevron{transition:transform .2s}.domain-chevron.rotated{transform:rotate(180deg)}.domain-dropdown{position:absolute;top:100%;left:4px;right:4px;margin-top:4px;padding:6px;z-index:10;background:var(--bg-secondary);border-color:var(--glass-border)}.domain-option{width:100%;padding:10px 12px;background:none;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s}.domain-option:hover{background:#8b5cf61a;color:var(--text-primary)}.domain-option.active{background:var(--gradient-1);color:#fff}.nav-menu{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;padding-bottom:180px}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.nav-item-wrapper{width:100%}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer;width:100%;border:none;background:none;font-family:inherit}.nav-item:hover{background:#8b5cf61a;color:var(--text-primary)}.nav-item.active{background:var(--gradient-1);color:#fff}.nav-item span{font-size:15px;font-weight:500;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-expandable{justify-content:flex-start}.submenu-chevron{transition:transform .2s;flex-shrink:0}.submenu-chevron.rotated{transform:rotate(180deg)}.sidebar.collapsed .nav-item span,.sidebar.collapsed .submenu-chevron{display:none}.submenu{overflow:hidden;margin-left:20px;padding-left:12px;border-left:2px solid rgba(139,92,246,.3)}.submenu-item{display:block;padding:10px 14px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-radius:8px;transition:all .2s}.submenu-item:hover{background:#8b5cf61a;color:var(--text-primary)}.submenu-item.active{color:var(--accent-purple);background:#8b5cf626}.nav-loading{padding:20px;color:var(--text-secondary);font-size:13px;text-align:center}.toggle-btn{position:absolute;bottom:16px;left:12px;right:12px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#8b5cf633;color:var(--text-primary)}.page{max-width:1400px}.page-header{margin-bottom:32px}.page-header h1{font-size:36px;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid var(--glass-border);transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:0 20px 40px #8b5cf61a}.card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card-icon.purple{background:#8b5cf633;color:var(--accent-purple)}.card-icon.pink{background:#ec489933;color:var(--accent-pink)}.card-icon.cyan{background:#06b6d433;color:var(--accent-cyan)}.card h3{font-size:16px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.card .value{font-size:32px;font-weight:700}.card .change{font-size:16px;margin-top:8px}.card .change.positive{color:#22c55e}.card .change.negative{color:#ef4444}.ref-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ref-card{padding:16px;border-radius:14px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.ref-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-1);opacity:0;transition:opacity .3s}.ref-card:hover:before{opacity:1}.ref-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ref-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.ref-card-icon svg{width:18px;height:18px}.ref-card-badge{padding:3px 8px;background:#22c55e26;color:#22c55e;font-size:10px;font-weight:600;border-radius:10px}.ref-card h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.ref-card p{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ref-card-stats{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--glass-border);margin-bottom:10px}.ref-card-stats .stat{display:flex;flex-direction:column;gap:1px}.ref-card-stats .stat-number{font-size:16px;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ref-card-stats .stat-text{font-size:11px;font-weight:500;color:var(--text-primary)}.ref-card-stats .stat-label{font-size:9px;color:var(--text-secondary)}.ref-card-btn{width:100%;padding:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ref-card-btn:hover{background:var(--gradient-1);border-color:transparent}.ref-card.selected{border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf633}@media(max-width:1200px){.ref-data-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ref-data-grid{grid-template-columns:1fr}}.data-table-overlay{margin-top:20px;position:relative;background:none}.data-table-panel{width:100%;height:calc(100vh - 340px);min-height:200px;max-height:calc(100vh - 340px);margin-bottom:10px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0003}.data-table-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--glass-border)}.data-table-header h2{font-size:20px;font-weight:700;margin:0}.data-table-count{display:block;font-size:13px;color:var(--text-secondary);margin-top:4px}.close-btn{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef4444}.data-table-toolbar{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid var(--glass-border)}.search-box{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary)}.search-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-secondary)}.add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.data-table-loading{padding:60px;text-align:center;color:var(--text-secondary)}.data-table-content{flex:1;overflow:auto;padding:0 24px 24px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:16px 12px;background:var(--glass-bg);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;position:sticky;top:0;z-index:1}.data-table td{padding:14px 12px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:hover{background:#8b5cf60d}.data-table tr.editing-row,.data-table tr.adding-row{background:rgba(var(--accent-purple-rgb, 139, 92, 246),.08);outline:2px solid var(--accent-purple);outline-offset:-1px}.data-table tr.editing-row td,.data-table tr.adding-row td{background:transparent}.data-table tr.editing-row input,.data-table tr.adding-row input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:13px;width:100%;transition:all .2s}.data-table tr.editing-row input:focus,.data-table tr.adding-row input:focus{outline:none;border-color:var(--accent-purple);background:var(--bg-primary)}.data-table input{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}.data-table input:focus{border-color:var(--accent-purple)}.actions-cell{display:flex;gap:8px;white-space:nowrap}.action-btn{width:32px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.edit:hover{background:#8b5cf633;color:var(--accent-purple);border-color:var(--accent-purple)}.action-btn.save:hover{background:#22c55e33;color:#22c55e;border-color:#22c55e}.action-btn.delete:hover,.action-btn.cancel:hover{background:#ef444433;color:#ef4444;border-color:#ef4444}.chart-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid var(--glass-border);min-height:300px}.chart-container h2{font-size:18px;margin-bottom:20px}.glow-text{text-shadow:0 0 20px rgba(139,92,246,.5)}@media(max-width:768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:0 0 16px 16px;gap:16px}.mobile-toggle{display:block}.hero-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:300px}.main-content{margin-left:0;padding-bottom:80px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-footer{position:fixed;bottom:0;left:0;width:280px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border-top:1px solid var(--glass-border);z-index:101;transition:width .3s ease}.sidebar.collapsed .sidebar-footer{width:80px}.footer-icons{display:flex;gap:8px;flex:1}.footer-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.footer-icon-btn:hover{background:#8b5cf626;color:var(--text-primary);border-color:var(--accent-purple)}.footer-icon-btn .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:100}.footer-icon-btn:hover .tooltip{opacity:1;visibility:visible}.footer-icon-btn.demo-toggle{position:relative}.footer-icon-btn.demo-toggle.active{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:var(--accent-primary);color:var(--accent-primary)}.footer-icon-btn.demo-toggle.active:hover{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef4444;color:#ef4444}.demo-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#10b981;border-radius:50%;animation:demoPulse 2s ease-in-out infinite}@keyframes demoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.footer-icon-btn.logout-btn{background:#ef44441a;border-color:#ef44444d;color:#f87171}.footer-icon-btn.logout-btn:hover{background:linear-gradient(135deg,#ef444440,#dc262640);border-color:#ef4444;color:#ef4444;box-shadow:0 0 12px #ef44444d}.sidebar-footer .toggle-btn{position:relative;bottom:auto;left:auto;right:auto}.powered-by-badge{font-size:.7rem;color:#ffffff59;text-align:center;padding:6px 0;margin-top:-4px}.powered-by-badge strong{color:#10b981;font-weight:600}.footer-icon-btn.avatar-btn{position:relative;background:linear-gradient(135deg,#8b5cf626,#ec489926);border-color:#8b5cf680}.footer-icon-btn.avatar-btn:hover{background:linear-gradient(135deg,#8b5cf640,#ec489940);border-color:#8b5cf6cc}.coming-soon-badge{position:absolute;top:-6px;right:-6px;padding:2px 6px;font-size:.6rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #8b5cf666;animation:comingSoonPulse 3s ease-in-out infinite}@keyframes comingSoonPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #8b5cf666}50%{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf699}}.avatar-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.avatar-modal{position:relative;width:90%;max-width:400px;padding:32px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;box-shadow:0 25px 50px -12px #00000080}.avatar-modal .modal-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.avatar-modal .modal-close-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.avatar-modal-icon{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#ec489933);border-radius:50%;color:#8b5cf6}.avatar-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.avatar-modal-subtitle{font-size:1rem;font-weight:600;color:#8b5cf6;margin:0 0 24px}.avatar-modal-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.avatar-modal-features .feature-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary)}.avatar-modal-features .feature-icon{font-size:1.2rem}.avatar-modal-description{font-size:.9rem;color:var(--text-tertiary);line-height:1.5;margin:0 0 24px}.avatar-modal-cta{width:100%;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.avatar-modal-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.theme-panel{position:fixed;left:0;top:0;bottom:0;width:380px;max-width:90vw;background:var(--bg-secondary);border-right:1px solid var(--glass-border);z-index:150;display:flex;flex-direction:column;overflow:hidden;box-shadow:8px 0 32px #0006}.theme-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--glass-border)}.theme-panel-title{display:flex;align-items:center;gap:16px}.theme-panel-title svg{color:var(--accent-purple)}.theme-panel-title h2{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.theme-panel-title p{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.theme-close-btn{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-close-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef4444}.theme-panel-content{flex:1;overflow-y:auto;padding:20px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.theme-grid-compact{display:flex;flex-direction:column;gap:8px}.theme-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:14px}.theme-chip:hover{border-color:var(--accent-purple);background:#8b5cf61a}.theme-chip.active{border-color:var(--accent-purple);background:#8b5cf626}.theme-chip-colors{display:flex;gap:4px}.theme-chip-colors span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.theme-chip-name{flex:1}.theme-chip svg{color:var(--accent-purple)}.default-theme-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--text-secondary);cursor:pointer}.default-theme-row input{accent-color:var(--accent-purple)}.font-grid{display:flex;flex-direction:column;gap:8px}.font-chip{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:14px}.font-chip:hover{border-color:var(--accent-purple)}.font-chip.active{border-color:var(--accent-purple);background:#8b5cf626}.font-chip svg{color:var(--accent-purple)}.zoom-control{display:flex;align-items:center;gap:16px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px}.zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-purple);border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf666}.zoom-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent-purple);border-radius:50%;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 8px #8b5cf666}.zoom-slider:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 12px #8b5cf699}.zoom-slider:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 2px 12px #8b5cf699}.zoom-value{min-width:50px;text-align:center;font-size:14px;font-weight:600;color:var(--accent-purple);background:#8b5cf61a;padding:6px 12px;border-radius:8px}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-option-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;min-height:70px}.layout-option-compact:hover{border-color:var(--accent-purple);background:#8b5cf61a;transform:translateY(-2px)}.layout-option-compact.active{border-color:var(--accent-purple);background:#8b5cf626;box-shadow:0 4px 12px #8b5cf64d}.layout-option-compact span{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center}.layout-option-compact svg{color:var(--accent-purple);flex-shrink:0}.layout-option-compact .lucide-check{position:absolute;top:6px;right:6px;color:var(--accent-purple)}.theme-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.theme-section-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.theme-grid{display:flex;flex-direction:column;gap:16px}.theme-card{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s}.theme-card:hover{border-color:var(--accent-purple)}.theme-card.active{border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf633}.theme-preview{margin-bottom:12px;border-radius:10px;overflow:hidden}.theme-preview-bg{height:80px;display:flex;position:relative}.theme-preview-sidebar{width:30%;padding:8px;display:flex;flex-direction:column;gap:4px}.theme-preview-accent{height:8px;border-radius:4px}.theme-preview-content{flex:1;padding:8px;position:relative}.theme-preview-card{width:60%;height:40px;border-radius:6px;border:1px solid}.theme-preview-orb{position:absolute;width:50px;height:50px;border-radius:50%;right:10px;top:10px;filter:blur(15px)}.theme-card-info{display:flex;flex-direction:column;gap:10px}.theme-card-header{display:flex;justify-content:space-between;align-items:center}.theme-name{font-size:14px;font-weight:600;color:var(--text-primary)}.theme-active-badge{width:20px;height:20px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.theme-colors{display:flex;gap:6px}.theme-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--glass-border)}.theme-default-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-secondary)}.theme-default-toggle input{display:none}.theme-radio-custom{width:16px;height:16px;border:2px solid var(--glass-border);border-radius:50%;position:relative;transition:all .2s}.theme-default-toggle input:checked+.theme-radio-custom{border-color:var(--accent-purple)}.theme-default-toggle input:checked+.theme-radio-custom:after{content:"";position:absolute;inset:3px;background:var(--accent-purple);border-radius:50%}.theme-default-label{transition:color .2s}.theme-default-toggle:hover .theme-default-label{color:var(--text-primary)}.theme-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--glass-border)}.theme-current-info{font-size:13px;color:var(--text-secondary)}.theme-current-info strong{color:var(--text-primary);margin-left:6px}.theme-apply-default-btn{padding:8px 16px;background:var(--gradient-1);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.theme-apply-default-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.settings-backdrop{position:fixed;inset:0;background:#00000026;z-index:149}.settings-panel-compact{position:fixed;bottom:90px;left:16px;width:320px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#ffffff0f,#ffffff05,#0000000d),var(--bg-secondary);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;z-index:150;box-shadow:0 1px #ffffff0f inset,0 -1px #00000026 inset,0 20px 60px #0006,0 0 0 1px #ffffff0d inset;overflow:hidden}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff05}.settings-panel-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary)}.settings-panel-title svg{color:var(--accent-purple)}.settings-close-btn{width:32px;height:32px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-close-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.settings-panel-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.settings-dropdown-wrapper{display:flex;flex-direction:column;gap:8px}.settings-dropdown-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-dropdown-label svg{color:var(--accent-purple);opacity:.8}.settings-dropdown{position:relative}.settings-dropdown-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.settings-dropdown-trigger:hover{border-color:var(--accent-purple);background:#8b5cf60d}.settings-dropdown-trigger.open{border-color:var(--accent-purple);background:#8b5cf61a}.dropdown-value{flex:1;text-align:left}.dropdown-chevron{color:var(--text-secondary);transition:transform .2s}.dropdown-chevron.rotated{transform:rotate(180deg)}.settings-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 12px 32px #0000004d;z-index:10;max-height:420px;overflow-y:auto;padding:4px}.dropdown-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s}.dropdown-option:hover{background:#8b5cf61a}.dropdown-option.active{background:#8b5cf626}.option-name{flex:1;text-align:left}.option-check{color:var(--accent-purple)}.theme-preview-dots{display:flex;gap:4px}.theme-preview-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.font-preview{font-size:14px;font-weight:500;color:var(--accent-purple);min-width:24px;text-align:center}.settings-zoom-wrapper{display:flex;flex-direction:column;gap:8px}.settings-zoom-control{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px}.settings-zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.settings-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-purple);border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #8b5cf666}.settings-zoom-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent-purple);border-radius:50%;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 6px #8b5cf666}.settings-zoom-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 10px #8b5cf699}.settings-zoom-value{min-width:44px;text-align:center;font-size:13px;font-weight:600;color:var(--accent-purple)}.glass-settings-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998}.glass-settings-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:900px;max-width:calc(100vw - 40px);z-index:9999;background:linear-gradient(135deg,#ffffff1f,#ffffff0d,#00000014);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 2px #ffffff1a inset,0 -1px #0003 inset,0 25px 60px #0006,0 8px 24px #0000004d,0 0 0 1px #ffffff14 inset;overflow:hidden}.glass-settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08)}.glass-settings-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary)}.glass-settings-title svg{color:var(--accent-purple)}.glass-settings-tabs{display:flex;gap:4px;background:#0003;padding:4px;border-radius:10px}.glass-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.glass-tab:hover{background:#ffffff14;color:var(--text-primary)}.glass-tab.active{background:var(--accent-purple);color:#fff}.glass-tab svg{opacity:.85}.glass-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.glass-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.glass-settings-content{padding:16px 0}.horizontal-slider-container{position:relative;display:flex;align-items:center;padding:0 8px}.slider-nav-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:2}.slider-nav-btn:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.slider-nav-btn:active{transform:scale(.95)}.slider-nav-left{margin-right:8px}.slider-nav-right{margin-left:8px}.horizontal-slider{flex:1;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.horizontal-slider::-webkit-scrollbar{display:none}.slider-card{flex-shrink:0;width:200px;background:transparent;border:none;padding:0;cursor:pointer;border-radius:14px;transition:all .25s ease}.slider-card:hover .slider-card-preview{transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.slider-card.selected .slider-card-preview{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple),0 12px 28px #8b5cf64d}.slider-card-preview{position:relative;width:100%;height:110px;border-radius:12px;border:2px solid rgba(255,255,255,.12);overflow:hidden;display:flex;transition:all .25s ease;box-shadow:0 4px 16px #0003}.mini-sidebar{width:22%;height:100%;padding:10px 5px;display:flex;flex-direction:column;gap:6px;align-items:center}.mini-nav-dot{width:65%;height:8px;border-radius:4px;opacity:.85}.mini-content{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px}.mini-header{height:12px;border-radius:4px;opacity:.6}.mini-cards{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-card{border-radius:5px;border:1px solid;padding:5px;display:flex;align-items:flex-end}.mini-accent{width:55%;height:5px;border-radius:3px}.selected-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #8b5cf680}.slider-card-label{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 4px}.slider-card-label span{font-size:12px;font-weight:500;color:var(--text-primary)}.color-dots{display:flex;gap:4px}.color-dots span{width:10px;height:10px;border-radius:50%}.font-slider-card .slider-card-preview{background:var(--glass-bg)}.font-preview-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#0003!important}.font-preview-aa{font-size:32px;font-weight:500;color:var(--text-primary);line-height:1}.font-preview-text{font-size:10px;color:var(--text-secondary);margin-top:4px}.font-selected-check{color:var(--accent-purple)}.glass-settings-footer{padding:12px 20px;background:#00000026;border-top:1px solid rgba(255,255,255,.08)}.zoom-control-row{display:flex;align-items:center;gap:16px}.zoom-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);min-width:70px}.zoom-label svg{color:var(--accent-purple)}.zoom-controls{flex:1;display:flex;align-items:center;gap:10px}.zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#ffffff26;color:var(--text-primary)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-slider-section{flex:1;display:flex;align-items:center}.zoom-slider-glass{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.zoom-slider-glass::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-purple);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf666}.zoom-slider-glass::-moz-range-thumb{width:16px;height:16px;background:var(--accent-purple);border-radius:50%;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf666}.zoom-slider-glass:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 12px #8b5cf699}.zoom-input-wrapper{display:flex;align-items:center;gap:2px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 10px;height:32px}.zoom-input{width:36px;background:transparent;border:none;outline:none;font-size:13px;font-weight:600;color:var(--text-primary);text-align:right}.zoom-input:focus{color:var(--accent-purple)}.zoom-percent{font-size:12px;color:var(--text-secondary)}@media(max-width:960px){.glass-settings-panel{width:calc(100vw - 32px);bottom:60px}.slider-card{width:180px}}@media(max-width:640px){.glass-settings-panel{bottom:20px;border-radius:16px}.glass-settings-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.glass-settings-tabs{order:3;width:100%;justify-content:center}.glass-close-btn{order:2}.slider-card{width:160px}.slider-card-preview{height:90px}.zoom-control-row{flex-wrap:wrap;gap:12px}.zoom-label,.zoom-controls{width:100%;justify-content:center}}.piano-finish,.dashboard-card,.chart-container,.analytics-card,.stat-card,.segment-card,.metric-card,.kpi-card{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 20%,transparent 50%,rgba(0,0,0,.1) 100%),var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);box-shadow:0 1px #ffffff14 inset,0 -1px #0003 inset,0 8px 32px #00000040,0 2px 8px #00000026;position:relative;overflow:hidden}.piano-finish:before,.dashboard-card:before,.chart-container:before,.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none;z-index:1;border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0}.dashboard-card:hover,.chart-container:hover,.analytics-card:hover,.stat-card:hover{box-shadow:0 1px #ffffff1a inset,0 -1px #0003 inset,0 12px 40px #00000059,0 4px 12px #8b5cf626;border-color:#8b5cf64d}.recharts-wrapper{position:relative;z-index:2}.recharts-surface{overflow:visible}.recharts-bar-rectangle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.recharts-pie-sector{filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.recharts-tooltip-wrapper .recharts-default-tooltip{background:linear-gradient(180deg,#1e1e28fa,#14141efa)!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:12px!important;box-shadow:0 1px #ffffff1a inset,0 12px 40px #00000080!important;padding:12px 16px!important}.recharts-tooltip-item{color:var(--text-primary)!important}.recharts-legend-wrapper{padding-top:12px!important}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:13px!important}.chart-title,.chart-header h3,.dashboard-card-title{font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat-value,.kpi-value,.metric-value{font-weight:800;background:linear-gradient(180deg,var(--text-primary) 0%,rgba(255,255,255,.85) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.accent-bar,.progress-indicator{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%),var(--accent-primary);box-shadow:0 1px #ffffff4d inset,0 2px 8px rgba(var(--accent-primary-rgb, 139, 92, 246),.4)}.recharts-cartesian-grid line{stroke:#ffffff0d!important}.recharts-text.recharts-cartesian-axis-tick-value{fill:var(--text-tertiary)!important;font-size:11px!important}.segment-pill,.segment-badge,.level-badge{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,transparent 100%),var(--glass-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px #ffffff1a inset,0 2px 6px #0003}.chatbot-overlay{display:none}.chatbot-panel{position:fixed;right:0;top:60px;bottom:0;width:20%;max-width:100vw;min-width:380px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);z-index:150;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0000004d;border-top-left-radius:16px}.chatbot-panel.expanded{width:30%;min-width:520px}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.chatbot-title{display:flex;align-items:center;gap:10px}.chatbot-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.chatbot-title h2{font-size:15px;font-weight:600;margin:0;color:var(--text-primary)}.chatbot-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%}.status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444480}.default-badge{padding:2px 6px;background:linear-gradient(135deg,var(--accent-purple),#8b5cf6);color:#fff;font-size:9px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.config-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none;flex-shrink:0}.config-link:hover{background:#8b5cf61a;border-color:var(--accent-purple);color:var(--accent-purple)}.chatbot-header-actions{display:flex;gap:8px}.chatbot-icon-btn{width:32px;height:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-icon-btn:hover{background:#8b5cf61a;color:var(--text-primary)}.chatbot-icon-btn.close:hover{background:#ef444433;color:#ef4444}.chatbot-config-bar{padding:12px 16px;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:10px}.config-row{display:flex;align-items:center;gap:10px}.config-row label{font-size:11px;color:var(--text-secondary);width:55px;flex-shrink:0}.mode-toggle{flex:1;display:flex;gap:8px;background:var(--glass-bg);padding:4px;border-radius:8px;border:1px solid var(--glass-border)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#8b5cf61a;color:var(--text-primary)}.mode-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;box-shadow:0 2px 8px #8b5cf64d}.mode-btn svg{flex-shrink:0}.provider-display{display:flex;align-items:center;gap:8px;flex:1;padding:6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px}.provider-display .model-icon{font-size:14px}.provider-display .model-name{font-size:12px;font-weight:500;color:var(--text-primary)}.provider-display .active-indicator{color:#22c55e;margin-left:auto}.provider-selector{display:flex;align-items:center;gap:8px;flex:1}.provider-dropdown{flex:1;padding:6px 30px 6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.provider-dropdown:hover{border-color:var(--accent-purple);background-color:#8b5cf60d}.provider-dropdown:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf633}.provider-dropdown option{background:var(--bg-card);color:var(--text-primary);padding:8px}.provider-selector .active-indicator{color:#22c55e;flex-shrink:0}.model-select-wrapper{flex:1;position:relative}.chatbot-model-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s;width:100%}.chatbot-model-btn:hover{border-color:var(--accent-purple)}.chatbot-model-btn .rotated{transform:rotate(180deg)}.chatbot-model-btn svg{margin-left:auto;transition:transform .2s}.model-icon{font-size:14px}.model-name{font-weight:500;font-size:12px}.model-provider{font-size:10px;color:var(--text-secondary);margin-left:auto}.free-badge{padding:2px 6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.apikey-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary)}.apikey-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary);font-size:11px;outline:none}.apikey-input-wrapper input::placeholder{color:var(--text-secondary)}.key-saved{color:#22c55e;font-size:12px}.chatbot-service-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 16px 8px;border-radius:10px;font-size:13px}.chatbot-service-banner.offline{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.chatbot-service-banner.offline svg{color:#ef4444;flex-shrink:0}.chatbot-service-banner.warning{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid rgba(245,158,11,.3);color:#fcd34d}.chatbot-service-banner.warning svg{color:#f59e0b;flex-shrink:0}.chatbot-service-banner.checking{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);color:var(--text-secondary);justify-content:center}.chatbot-service-banner .banner-content{display:flex;flex-direction:column;gap:2px;flex:1}.chatbot-service-banner .banner-content strong{font-weight:600;font-size:13px}.chatbot-service-banner .banner-content span{font-size:11px;opacity:.85}.chatbot-service-banner .refresh-btn,.chatbot-service-banner .switch-mode-btn{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.chatbot-service-banner .refresh-btn{background:#ef444433;color:#fca5a5;display:flex;align-items:center;padding:6px}.chatbot-service-banner .refresh-btn:hover{background:#ef44444d}.chatbot-service-banner .switch-mode-btn{background:#f59e0b33;color:#fcd34d}.chatbot-service-banner .switch-mode-btn:hover{background:#f59e0b4d}.chatbot-service-banner .spinning{animation:spin 1s linear infinite}.word-limit-selector{display:flex;align-items:center;gap:8px;flex:1}.word-limit-btn{padding:6px 14px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.word-limit-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#8b5cf61a}.word-limit-btn.active{background:var(--gradient-1);border-color:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.word-limit-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-left:4px}.model-dropdown{position:absolute;left:0;right:0;top:100%;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px;padding:6px;z-index:10;margin-top:4px;max-height:300px;overflow-y:auto}.model-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.model-option:hover{background:#8b5cf61a;color:var(--text-primary)}.model-option.active{background:var(--gradient-1);color:#fff}.model-option svg{margin-left:auto}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chatbot-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);gap:10px;padding:20px}.empty-icon{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent-purple)}.chatbot-empty h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.chatbot-empty p{font-size:12px;margin:0}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quick-prompt{padding:6px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.quick-prompt:hover{background:#8b5cf61a;color:var(--text-primary);border-color:var(--accent-purple)}.chat-message{display:flex;gap:10px;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.chat-message.user .message-avatar{background:var(--gradient-1);border:none;color:#fff}.chat-message.assistant .message-avatar{background:#06b6d41a;border-color:#06b6d433;color:var(--accent-cyan)}.message-body{flex:1;min-width:0}.message-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:10px 14px}.chat-message.user .message-content{background:var(--gradient-1);border:none}.message-content p{margin:0 0 8px;font-size:15px;line-height:1.6;color:var(--text-primary);word-wrap:break-word}.message-content p:last-child{margin-bottom:0}.chat-message.user .message-content p{color:#fff}.message-content ul,.message-content ol{margin:8px 0;padding-left:20px;color:var(--text-primary)}.message-content ul{list-style-type:disc}.message-content ol{list-style-type:decimal}.message-content li{margin:4px 0;line-height:1.6;font-size:14px}.message-content strong,.message-content b{color:var(--accent-purple);font-weight:600}.message-content code{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:13px;color:var(--accent-purple)}.message-content pre{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;padding:12px;margin:8px 0;overflow-x:auto}.message-content pre code{background:none;border:none;padding:0;color:var(--text-primary)}.message-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}.message-content table th,.message-content table td{border:1px solid var(--glass-border);padding:8px 12px;text-align:left}.message-content table th{background:var(--bg-card);color:var(--accent-purple);font-weight:600}.message-content table tr:hover{background:var(--glass-bg)}.message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 2px}.message-time{font-size:10px;color:var(--text-secondary)}.chat-message.user .message-time{color:var(--text-secondary)}.message-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.chat-message:hover .message-actions{opacity:1}.message-actions button{width:24px;height:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.message-actions button:hover{background:var(--glass-bg);color:var(--text-primary)}.message-actions button.active{color:var(--accent-purple)}.message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.attachment-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#8b5cf61a;border-radius:6px;font-size:11px;color:var(--accent-purple)}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chatbot-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid var(--glass-border)}.attachment-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;font-size:12px;color:var(--text-secondary)}.attachment-preview span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;transition:color .2s}.attachment-preview button:hover{color:#ef4444}.chatbot-input-area{padding:12px 16px;border-top:1px solid var(--glass-border);background:var(--bg-secondary)}.input-wrapper{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent-purple)}.input-action-btn{width:32px;height:32px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.input-action-btn:hover{background:#8b5cf61a;color:var(--text-primary)}.input-wrapper textarea{flex:1;padding:6px 0;background:none;border:none;color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;resize:none;min-height:20px;max-height:120px;line-height:1.5}.input-wrapper textarea::placeholder{color:var(--text-secondary)}.send-btn{width:32px;height:32px;background:var(--gradient-1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{margin:6px 0 0;font-size:10px;color:var(--text-secondary);text-align:center}.chatbot-send-btn{width:40px;height:40px;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chatbot-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.chatbot-send-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-settings-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.chatbot-settings-modal{width:100%;max-width:360px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.settings-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--glass-border)}.settings-header svg:first-child{color:var(--accent-purple)}.settings-header h3{flex:1;font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.settings-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;transition:color .2s}.settings-header button:hover{color:#ef4444}.settings-content{padding:16px;display:flex;flex-direction:column;gap:14px}.settings-desc{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.api-key-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.api-key-field input{width:100%;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none}.api-key-field input:focus{border-color:var(--accent-purple)}.api-key-field input::placeholder{color:var(--text-secondary)}.settings-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--glass-border)}.settings-cancel-btn{flex:1;padding:10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.settings-cancel-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.settings-save-btn{flex:1;padding:10px;background:var(--gradient-1);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.settings-save-btn:hover{box-shadow:0 4px 12px #8b5cf64d}.assessment-header-actions{display:flex;align-items:center;gap:20px}.completion-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px}.completion-circle{position:relative;width:40px;height:40px}.completion-ring{width:40px;height:40px;transform:rotate(-90deg)}.completion-ring circle{fill:none;stroke-width:3}.completion-ring circle:first-child{stroke:#8b5cf61a}.completion-ring circle:last-child{stroke:var(--accent-purple);stroke-linecap:round;transition:stroke-dasharray .5s ease}.completion-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:var(--accent-purple)}.completion-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.assessment-content{display:flex;flex-direction:column;gap:20px;margin-top:24px}.capability-card{padding:24px;transition:all .3s ease}.capability-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.capability-header{margin-bottom:20px}.capability-title-row{display:flex;align-items:flex-start;gap:16px}.capability-check-icon{flex-shrink:0;margin-top:4px;color:var(--text-secondary);transition:all .3s ease}.capability-check-icon.active{color:var(--accent-purple)}.capability-title-row h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.capability-definition{font-size:16px;color:var(--text-secondary);line-height:1.6}.maturity-selector{width:100%}.maturity-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.maturity-level-card{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.maturity-level-card:hover{border-color:var(--level-color);background:#ffffff0d;box-shadow:0 4px 16px #0000001a}.maturity-level-card.selected{border-width:2px;background:#8b5cf614;box-shadow:0 4px 16px #8b5cf633}.maturity-level-header{display:flex;align-items:center;gap:10px}.maturity-level-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.maturity-level-title{flex:1;min-width:0}.maturity-level-name{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.maturity-level-order{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.maturity-check-badge{width:24px;height:24px;background:var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.maturity-definition{margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-border);display:flex;gap:8px;overflow:hidden}.maturity-definition-icon{flex-shrink:0;color:var(--accent-purple);opacity:.7;margin-top:2px}.maturity-definition p{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:0}.saving-indicator{position:fixed;bottom:24px;right:24px;padding:10px 16px;background:var(--accent-purple);color:#fff;border-radius:50px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #8b5cf666;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.saving-indicator svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{font-size:14px;color:var(--text-secondary)}@media(max-width:1024px){.maturity-levels-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.maturity-levels-grid{grid-template-columns:repeat(2,1fr)}.assessment-header-actions{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.maturity-levels-grid{grid-template-columns:1fr}}.status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;white-space:nowrap}.status-badge.draft{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.submitted{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-date{opacity:.7;font-size:11px;margin-left:4px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-1);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-purple)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){body{font-size:14px}.chatbot-panel,.chatbot-panel.expanded{width:100%!important;min-width:unset}.status-badge{font-size:12px;padding:6px 12px}.btn-primary{padding:8px 16px;font-size:13px}.page-header h1{font-size:28px}.page-header p{font-size:16px}}@media(min-width:1920px){body{font-size:18px}.page-header h1{font-size:42px}.capability-title-row h3{font-size:24px}.message-content p{font-size:17px}}.maturity-level-title{display:flex;flex-direction:column;gap:2px}.maturity-level-value{font-size:11px;color:#ffffff80;font-weight:500}.floating-action-bar{position:fixed;top:12px;right:20px;z-index:999;pointer-events:none}.fab-container{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;pointer-events:all}.fab-section{display:flex;align-items:center;gap:6px}.fab-left{padding-right:8px;border-right:1px solid var(--glass-border)}.fab-center{display:flex;gap:4px}.fab-right{padding-left:8px;border-left:1px solid var(--glass-border)}.fab-divider{width:1px;height:20px;background:var(--glass-border)}.fab-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-fast);min-width:32px;height:32px}.fab-btn:hover{background:#8b5cf61a;border-color:#8b5cf633;color:var(--accent-purple)}.fab-btn-label{display:none}.fab-chat{background:var(--gradient-1);border:none;color:#fff;padding:6px 12px}.fab-chat:hover{background:var(--gradient-1);box-shadow:var(--shadow-purple);color:#fff;transform:scale(1.05)}.fab-chat .fab-btn-label{display:inline;font-size:11px}.fab-menu{width:28px;height:28px;padding:0;min-width:28px;justify-content:center;border-radius:var(--radius-full)}.fab-user-info{display:flex;align-items:center;gap:8px}.fab-user-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--gradient-1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.fab-user-avatar svg{width:12px;height:12px}.fab-user-details{display:flex;flex-direction:column;gap:2px}.fab-username{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.fab-membership{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:500;color:var(--accent-purple)}.fab-membership svg{width:8px;height:8px}.fab-datetime{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.fab-datetime svg{width:12px;height:12px}.fab-time-details{display:flex;flex-direction:column;gap:1px}.fab-time{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap}.fab-date{font-size:9px;font-weight:500;color:var(--text-secondary)}.fab-notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--accent-pink);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ec489966}.fab-expanded-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-secondary);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg);pointer-events:all}.fab-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition-fast)}.fab-menu-item:hover{background:#8b5cf61a;color:var(--text-primary)}.fab-menu-item svg{color:var(--accent-purple)}@media(max-width:1200px){.fab-user-details{display:none}.fab-left{padding-right:0;border:none}.fab-divider{display:none}}@media(max-width:1024px){.fab-container{padding:6px 10px;gap:6px}.fab-time-details{display:none}.fab-btn-label{display:none!important}.fab-right{padding:0;border:none}}@media(max-width:768px){.floating-action-bar{top:auto;bottom:20px;right:20px}.fab-container{flex-direction:column;gap:4px}.fab-left,.fab-right{display:none}.fab-center{gap:6px}}