:root{--bg-app: #020C1B;--bg-surface: #0A192F;--bg-surface-hover: #112240;--bg-glass-panel: rgba(10, 25, 47, .7);--border-subtle: rgba(255, 255, 255, .05);--border-active: #64FFDA;--text-main: #FFFFFF;--text-muted: #8892B0;--text-body: #CCD6F6;--text-secondary: #a8b2d1;--accent-primary: #64FFDA;--accent-primary-alpha: rgba(100, 255, 218, .15);--accent-glow: rgba(100, 255, 218, .1);--bg-magic-assist: rgba(100, 255, 218, .05);--bg-sidebar-active: rgba(100, 255, 218, .1);--text-active: var(--accent-primary);--bg-btn-primary: var(--accent-primary);--text-btn-primary: #0A192F;--border-btn-primary: 1px solid transparent;--color-error: #ef4444;--color-error-soft: rgba(239, 68, 68, .12);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .12);--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .12);--color-info: #3b82f6;--color-info-soft: rgba(59, 130, 246, .12);--color-cat-blue: #3b82f6;--color-cat-green: #10b981;--color-cat-pink: #ec4899;--color-cat-orange: #f97316;--color-cat-purple: #8b5cf6;--color-cat-amber: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-3: 12px;--space-md: 16px;--space-5: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--font-display: "Poppins", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 500;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 9999;--z-tooltip: 10000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px -10px rgba(2, 12, 27, .7);--shadow-lg: 0 20px 40px -15px rgba(2, 12, 27, .8);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=light]{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-glass-panel: rgba(255, 255, 255, .9);--border-subtle: #cbd5e1;--border-active: #0d7a70;--text-main: #0f172a;--text-muted: #475569;--text-body: #334155;--text-secondary: #475569;--accent-primary: #0d7a70;--accent-primary-alpha: rgba(13, 122, 112, .15);--accent-glow: rgba(13, 122, 112, .15);--bg-sidebar-active: rgba(13, 122, 112, .12);--text-active: var(--accent-primary);--bg-btn-primary: #0d7a70;--text-btn-primary: #ffffff;--border-btn-primary: 2px solid transparent;--color-error: #dc2626;--color-error-soft: rgba(220, 38, 38, .08);--color-success: #047857;--color-success-soft: rgba(4, 120, 87, .08);--color-warning: #b45309;--color-warning-soft: rgba(180, 83, 9, .08);--color-info: #1d4ed8;--color-info-soft: rgba(29, 78, 216, .08);--color-cat-blue: #1d4ed8;--color-cat-green: #047857;--color-cat-pink: #db2777;--color-cat-orange: #c2410c;--color-cat-purple: #7c3aed;--color-cat-amber: #b45309;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--accent-glow)}*{box-sizing:border-box}input,select,textarea{font-size:16px}html,body,#root{height:100%}body{background-color:var(--bg-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);margin:0;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}code,pre{font-family:var(--font-mono)}input,button,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass-panel{background:var(--bg-glass-panel);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.vvt-table tbody tr{transition:background var(--transition-base)}.vvt-table tbody tr:hover{background:var(--bg-surface-hover)}.vvt-table thead th{border-bottom:2px solid var(--border-subtle)}input[type=checkbox],.cell-checkbox div{accent-color:var(--accent-primary)}input[type=checkbox]{width:18px;height:18px}[data-theme=light] img[src*="logo.svg"]{filter:brightness(.45) sepia(1) hue-rotate(130deg) saturate(3)!important}.sidebar-nav-btn{transition:all .2s ease}.sidebar-nav-btn:hover{background:var(--bg-surface-hover)!important;color:var(--text-main)!important}.sidebar-nav-btn.active{box-shadow:0 4px 12px var(--accent-glow),0 0 20px var(--accent-glow)}.knowledge-doc-card{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.knowledge-doc-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.settings-tag{transition:border-color var(--transition-base),box-shadow var(--transition-base)}.settings-tag:hover{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.step-content{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.step-content{animation:none}}.glass-btn:not(:disabled){transition:all var(--transition-base)}.glass-btn-primary:not(:disabled):hover,.glass-btn-primary:not(:disabled):focus-visible{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.glass-btn-danger:not(:disabled):hover,.glass-btn-danger:not(:disabled):focus-visible{color:var(--color-error);background:var(--color-error-soft)}.glass-btn-ghost:not(:disabled):hover,.glass-btn-ghost:not(:disabled):focus-visible{color:var(--text-main);background:var(--bg-surface-hover)}.btn-primary{background:var(--bg-btn-primary);color:var(--text-btn-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.5px}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--bg-surface-hover)!important;border-color:var(--accent-primary)!important}.mobile-toolbar{display:contents}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;padding:8px;border-radius:var(--radius-sm);flex-shrink:0}.mobile-branding,.mobile-theme-toggle{display:none}.sidebar-theme-toggle{display:flex;justify-content:center;width:100%}.show-mobile{display:none}.hide-mobile{display:inline}.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-sm) var(--space-xs)}.mobile-menu-btn{display:flex;position:relative;z-index:calc(var(--z-modal) + 1)}.mobile-branding{display:flex;align-items:center;gap:8px}.mobile-theme-toggle{display:flex}.mobile-compact-gap{gap:var(--space-sm)!important}.show-mobile{display:inline!important}.hide-mobile{display:none!important}.vvt-header-panel{padding:12px 16px!important}.vvt-header-desc,.sidebar-theme-toggle,.sidebar-container{display:none}.sidebar-container.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-modal);padding:var(--space-md);width:260px;background:transparent;pointer-events:none}.sidebar-container.mobile-open .glass-panel{pointer-events:auto}.sidebar-overlay.mobile-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}.main-content{padding:var(--space-sm)!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-grid[style*="display: flex"]:not([style*="flex-direction: column"]){flex-direction:column!important}.ai-advisor-sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;height:55vh!important;z-index:var(--z-modal)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;box-shadow:0 -8px 32px #0000004d!important}.ai-advisor-backdrop{display:block!important}.wizard-form-content{padding:var(--space-md)!important}.wizard-footer-btn{padding:8px 12px!important;font-size:.8rem!important}.wizard-footer-btn .btn-label{display:none}.page-header{padding-right:24px!important}.mobile-card-table{min-width:0!important}.mobile-card-table thead{display:none}.mobile-card-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-subtle)}.mobile-card-table tbody td{padding:2px 0!important;border:none!important}.mobile-card-table tbody td[data-label]:before{content:attr(data-label) ": ";font-size:.75rem;color:var(--text-muted);margin-right:4px}.mobile-card-table tbody td.cell-name{width:100%;font-weight:600;font-size:1rem}.mobile-card-table tbody td.cell-actions{margin-left:auto;display:flex!important;justify-content:flex-end!important;gap:8px}.mobile-card-table tbody td.cell-checkbox{order:-1}.mobile-card-table tbody td.cell-date{display:none}.chat-sidebar-info{display:none!important}.company-integration-col{border-left:none!important;padding-left:0!important;border-top:1px solid var(--border-subtle);padding-top:24px}}@media (min-width: 769px) and (max-width: 1024px){.widget-settings-panel{flex:0 0 300px!important;max-width:300px!important}}@media (max-width: 576px){h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}.main-content{padding:var(--space-xs)!important}}
