body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:var(--text-primary);--gray-200:#ffffffb3;--gray-300:#fff9;--gray-500:#fff6;--gray-600:#ffffff4d;--gray-700:var(--bg-tertiary);--gray-800:var(--bg-secondary);--gray-900:var(--bg-primary);--gray-1000:#000;--border-stroke:var(--glass-border);--accent-blue:var(--accent-cyan);--accent-blue-active-bg:#667eea1a;--accent-blue-active:var(--primary-purple);--accent-blue-headers:var(--accent-blue);--accent-green:#10b981;--midnight-blue:#1e293b;--blue-30:var(--accent-blue);--accent-red:var(--accent-coral);--background:var(--bg-primary);--color:var(--text-primary);scrollbar-color:#ffffff26 #0000;scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin}:root::-webkit-scrollbar{height:8px;width:8px}:root::-webkit-scrollbar-track{background:#0000}:root::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--glass-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}:root::-webkit-scrollbar-thumb:hover{background:#ffffff1a;background:var(--glass-border-dark)}:root::-webkit-scrollbar-corner{background:#0000}:root{--font-family:var(--font-primary);--Neutral-00:#000;--Neutral-5:#0f0f0f;--Neutral-10:var(--bg-secondary);--Neutral-15:#222;--Neutral-20:var(--bg-tertiary);--Neutral-30:#3a3a3a;--Neutral-50:#fff6;--Neutral-60:#ffffff80;--Neutral-80:#ffffffb3;--Neutral-90:#ffffffe6;--Green-500:#10b981;--Green-700:#047857;--Blue-400:var(--accent-blue);--Blue-500:var(--primary-purple);--Blue-800:#1e3a8a;--Red-400:#f87171;--Red-500:var(--accent-coral);--Red-600:#dc2626;--Red-700:#b91c1c}*{box-sizing:border-box}body{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#0c0c0c,#1a1a1a);background:var(--dark-gradient);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scroll-behavior:smooth}body:before{animation:backgroundPulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#00f2fe14 0,#0000 50%),radial-gradient(circle at 40% 80%,#f093fb0f 0,#0000 50%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}@media(max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:contain;text-rendering:optimizeLegibility;touch-action:pan-y}}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.space-mono-regular{font-weight:400}.space-mono-bold,.space-mono-regular{font-family:Space Mono,monospace;font-style:normal}.space-mono-bold{font-weight:700}.space-mono-regular-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:400}.space-mono-bold-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:700}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.streaming-console{background:#0000;color:#fff;color:var(--text-primary);display:flex;height:100vh;position:relative;width:100vw}.streaming-console a,.streaming-console a:active,.streaming-console a:visited{color:#00f2fe;color:var(--accent-cyan);text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.streaming-console a:active:hover,.streaming-console a:hover,.streaming-console a:visited:hover{color:#00f2fe;color:var(--accent-blue);text-shadow:0 0 8px #4facfe66}.streaming-console .disabled{filter:grayscale(.3);opacity:.5;pointer-events:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.streaming-console .disabled>*{pointer-events:none}.streaming-console main{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;background:var(--glass-bg-dark);border-left:1px solid #ffffff1a;border-left:1px solid var(--glass-border-dark);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 2rem 0;position:relative;scroll-behavior:smooth}.streaming-console main::-webkit-scrollbar{width:8px}.streaming-console main::-webkit-scrollbar-track{background:#0000}.streaming-console main::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--glass-border);border-radius:4px}.streaming-console main::-webkit-scrollbar-thumb:hover{background:#ffffff1a;background:var(--glass-border-dark)}.streaming-console .main-app-area{align-items:flex-start;display:flex;flex:1 1;gap:2rem;justify-content:center;max-width:1200px;min-height:auto;overflow:visible;padding-top:2rem;position:relative;width:100%}.streaming-console .main-app-area.video-active .live-chat-container{align-items:center;display:flex;justify-content:center}.streaming-console .main-app-area.video-active .video-container{align-items:center;display:flex;height:100%;justify-content:center}.streaming-console .main-app-area:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1rem;border-radius:var(--radius-xl);bottom:-2px;content:"";filter:blur(20px);left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}.streaming-console .main-app-area.video-inactive{justify-content:center}.streaming-console .main-app-area.video-inactive .live-chat-container{max-width:none;text-align:center;width:100%}.streaming-console .main-app-area.video-active{justify-content:space-between}.streaming-console .main-app-area.video-active .live-chat-container{flex:1 1;height:auto;max-width:50%}.streaming-console .main-app-area.video-active .video-container{flex:1 1;max-width:50%}.streaming-console .function-call{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-lg);height:50%;overflow-y:auto;padding:1rem;position:absolute;top:0;width:100%}.tab-content{-webkit-overflow-scrolling:touch;bottom:0;display:flex;left:0;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:absolute;right:0;scroll-behavior:smooth;scroll-padding-bottom:2rem;scroll-padding-top:2rem;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.tab-content.active{opacity:1;pointer-events:auto;visibility:visible}.video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.stream{background:#0003;background:var(--glass-bg-dark);border:2px solid #ffffff26;border:2px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);flex-grow:1;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.stream:hover{box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);transform:scale(1.01)}@media(max-width:768px){.stream{border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-lg);max-width:100%;width:100%}.streaming-console{height:100vh;height:100dvh;overflow:hidden}.streaming-console main{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:1rem 1rem 0;scroll-behavior:smooth;scrollbar-width:none}}@media(max-width:768px){.streaming-console main::-webkit-scrollbar{display:none}.streaming-console main{overscroll-behavior-y:contain;touch-action:pan-y}.streaming-console .main-app-area{flex:1 1;flex-direction:column;gap:1rem;min-height:auto;padding:1rem .5rem .5rem}.streaming-console .main-app-area.video-active .video-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);height:auto;margin:.5rem 0 .75rem;max-width:100%;order:2;overflow:hidden;position:relative;width:100%;z-index:10}.streaming-console .main-app-area.video-active .live-chat-container{height:auto;max-width:100%;order:1;width:100%}.streaming-console .stream{border-radius:.5rem;border-radius:var(--radius-md);display:block;height:auto;max-height:60vh;max-width:100%;min-height:240px;object-fit:contain;width:100%}.streaming-console .stream:hover{transform:none}.button,button{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;min-height:48px;min-width:48px;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.button:active,button:active{transform:scale(.98)}.button:active,.button:hover,button:active,button:hover{background:#0003;background:var(--glass-bg-dark)}body{-webkit-text-size-adjust:100%;font-size:16px}.App{-webkit-overflow-scrolling:touch;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;position:relative;scroll-behavior:smooth;scroll-padding-top:120px;touch-action:pan-y;width:100%}.audio-pulse{animation:mobilePulse 1s ease-in-out infinite}.mic-button{transition:all .2s ease}.mic-button:active{transform:scale(.95)}input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:.5rem;border-radius:var(--radius-md);font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid #00f2fe;outline:2px solid var(--accent-cyan);outline-offset:2px}a{-webkit-tap-highlight-color:rgba(0,242,254,.2);transition:.15s ease-out;transition:var(--transition-fast)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-content{touch-action:pan-y}.report-commissioning,.streaming-console main,.tab-content{overscroll-behavior:contain;transform:translateZ(0)}}@keyframes mobilePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media(max-width:480px){.streaming-console main{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:.5rem .5rem 0;scroll-behavior:smooth}.streaming-console .main-app-area{gap:.5rem;padding:.25rem}.streaming-console .stream{max-height:50vh;min-height:200px;object-fit:contain}.button,button{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.9rem;min-height:44px;min-width:44px;padding:.5rem .75rem}.streaming-console main{padding:.5rem}.video-container{margin:.25rem 0}.header{padding:.5rem 1rem}*{-webkit-overflow-scrolling:touch}.contact-form-modal,.live-chat-container,.report-commissioning,.streaming-console main{scroll-behavior:smooth}.main-app-area,.report-commissioning-container,.voice-chat-section{-webkit-overflow-scrolling:touch}}@media(max-width:768px)and (orientation:portrait){.streaming-console .stream{background:#000;max-height:65vh;object-fit:contain;width:100%}.streaming-console .video-container{align-items:center;display:flex;justify-content:center;min-height:250px}}@media(max-width:768px)and (orientation:landscape){.streaming-console main{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:.5rem .5rem 0;scroll-behavior:smooth}.streaming-console .main-app-area{align-items:center;flex-direction:row;gap:1rem}.streaming-console .stream{max-height:80vh;max-width:50%;object-fit:contain}}.demo-access-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.demo-access-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid var(--glass-border);padding:2rem}.modal-header .close-button{border-radius:8px;color:#b8c2cc}.modal-header .close-button:hover{background:#ffffff1a;color:#fff}.modal-header .close-button .material-symbols-outlined{font-size:1.5rem}.modal-tabs{background:#ffffff0d;display:flex}.modal-tabs .tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#b8c2cc;cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .2s ease}.modal-tabs .tab-button:hover{background:#ffffff0d;color:#fff}.modal-tabs .tab-button.active{background:#677eea33;border-bottom-color:#667eea;color:#fff}.email-form .form-group,.password-form .form-group{margin-bottom:1.5rem}.email-form .form-group label,.password-form .form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.email-form .form-group input,.password-form .form-group input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.email-form .form-group input:focus,.password-form .form-group input:focus{background:#ffffff26;border-color:#667eea;outline:none}.email-form .form-group input::placeholder,.password-form .form-group input::placeholder{color:#888}.email-form .form-group .form-help,.password-form .form-group .form-help{color:#b8c2cc;font-size:.875rem;line-height:1.4;margin-top:.5rem}.email-form .submit-button,.password-form .submit-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.email-form .submit-button:hover:not(:disabled),.password-form .submit-button:hover:not(:disabled){box-shadow:0 8px 25px #677eea66;transform:translateY(-2px)}.email-form .submit-button:disabled,.password-form .submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.email-form .submit-button .loading-spinner,.password-form .submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.message.success{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.message.error{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.message .material-symbols-outlined{font-size:1.2rem}@media(max-width:640px){.demo-access-modal{margin:1rem;width:95%}.modal-content,.modal-header{padding:1.5rem}}.contact-form-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.contact-form-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;scroll-behavior:smooth;width:100%}.contact-form-modal::-webkit-scrollbar{width:6px}.contact-form-modal::-webkit-scrollbar-track{background:#0000}.contact-form-modal::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.contact-form-modal::-webkit-scrollbar-thumb:hover{background:#0000004d}.contact-form-modal{animation:slideIn .3s ease-out;box-shadow:0 20px 40px #00000026}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-header .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.modal-header .close-button:hover{background:#fff3;transform:scale(1.1)}.modal-header .close-button .material-symbols-outlined{font-size:1.25rem}.modal-content{padding:2rem}.form-description{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.contact-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media(max-width:640px){.contact-form .form-row{gap:1rem;grid-template-columns:1fr}}.contact-form .form-group{display:flex;flex-direction:column}.contact-form .form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.contact-form .form-group label:after{color:#ef4444;content:" *"}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contact-form .form-group input::placeholder,.contact-form .form-group select::placeholder,.contact-form .form-group textarea::placeholder{color:#9ca3af}.contact-form .form-group input[required]+label:after,.contact-form .form-group select[required]+label:after,.contact-form .form-group textarea[required]+label:after{color:#ef4444;content:" *"}.contact-form .form-group textarea{min-height:120px;resize:vertical}.contact-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.contact-form .form-group select option{background:#fff;color:#1f2937;padding:.5rem}.contact-form .form-group label:has(+input:not([required])):after,.contact-form .form-group label:has(+select:not([required])):after,.contact-form .form-group label:has(+textarea:not([required])):after{content:""}.contact-form .message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.contact-form .message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.contact-form .message.success .material-symbols-outlined{color:#059669}.contact-form .message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.contact-form .message.error .material-symbols-outlined{color:#dc2626}.contact-form .message .material-symbols-outlined{flex-shrink:0;font-size:1.125rem}.contact-form .submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.contact-form .submit-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.contact-form .submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-form .submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}.contact-form .submit-button .material-symbols-outlined{font-size:1.125rem}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.contact-form-modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-content{padding:1.5rem}.form-description{font-size:.9rem;margin-bottom:1.5rem}.contact-form .form-row{gap:1rem}.contact-form .form-group label{font-size:.8rem}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{font-size:.9rem;padding:.625rem .875rem}.contact-form .submit-button{font-size:.9rem;padding:.875rem 1.5rem}}.landing-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);min-height:100vh;overflow-x:hidden}.logo-header{left:2rem;left:var(--space-8);position:fixed;top:2rem;top:var(--space-8);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:300;z-index:var(--z-fixed)}.logo-header.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f0f23f2;border:1px solid #667eea4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1rem}.logo-header .main-logo{align-items:center;display:flex;gap:1rem}.logo-header .main-logo .logo-icon-large{align-items:center;animation:logoFloat 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:16px;box-shadow:0 8px 32px #667eea66;display:flex;height:64px;justify-content:center;width:64px}.logo-header .main-logo .logo-icon-large .material-symbols-outlined{color:#fff;font-size:32px;font-weight:600}.logo-header .main-logo .logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:800;line-height:1;margin:0}.logo-header .main-logo .logo-text span{color:#b8c2cc;font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.logo-header{left:1rem;top:1rem}.logo-header .main-logo{gap:.75rem}.logo-header .main-logo .logo-icon-large{height:48px;width:48px}.logo-header .main-logo .logo-icon-large .material-symbols-outlined{font-size:24px}.logo-header .main-logo .logo-text h1{font-size:1.5rem}.logo-header .main-logo .logo-text span{font-size:.75rem}}.hero{align-items:center;display:flex;min-height:100vh;padding:2rem;position:relative}.hero:before{animation:pulseGlow 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%),radial-gradient(circle at 50% 50%,#4facfe0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero .hero-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}@media(max-width:768px){.hero .hero-content{gap:2rem}}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:50px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-badge .material-symbols-outlined{color:#667eea;font-size:1rem}.hero-badge .badge-text{color:#e0e6ed;font-size:.875rem;font-weight:500}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:0;margin-top:5rem;max-width:1200px;text-align:center}.hero-title .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text}.hero-title .gradient-text.typing-animation{display:block;height:8rem;line-height:1.375;line-height:var(--leading-snug);margin:.5rem auto 0;margin:var(--space-2) auto 0 auto;max-width:900px;overflow:hidden;text-align:center;width:90%}.hero-title .gradient-text.typing-animation,.hero-title .gradient-text.typing-animation .typing-text-container{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;color:#667eea;color:var(--primary-purple);position:relative}.hero-title .gradient-text.typing-animation .typing-text-container{align-items:flex-start;display:flex;font-weight:600;font-weight:var(--font-semibold);height:100%;justify-content:center;padding-top:1rem;padding-top:var(--space-4);width:100%}.hero-title .gradient-text.typing-animation .typing-text-container .typing-cursor{animation:blink 1s infinite;color:#667eea;color:var(--primary-purple);display:inline-block;font-size:inherit;font-weight:600;font-weight:var(--font-semibold);margin-left:3px;min-width:3px}@media(max-width:768px){.hero-title .gradient-text.typing-animation{height:8.5rem;margin:1.5rem auto 0;width:95%}}@media(max-width:480px){.hero-title .gradient-text.typing-animation{height:9rem;margin:1rem auto 0;width:100%}}.hero-title .typing-cursor{-webkit-text-fill-color:#0000;animation:blink 1s infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#667eea;display:inline-block;font-size:inherit;font-weight:300;margin-left:2px;min-width:2px;opacity:1}.hero-subtitle{color:#b8c2cc;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-top:2.5rem;max-width:600px;position:relative}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;position:relative}.hero-stats.spaced{gap:6rem}@media(max-width:768px){.hero-stats.spaced{gap:4rem}}@media(max-width:480px){.hero-stats.spaced{gap:3rem}}@media(max-width:768px){.hero-stats{justify-content:center}}.hero-stats .stat{text-align:center}.hero-stats .stat.large .stat-number{font-size:3.5rem;font-weight:800}.hero-stats .stat .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem}.hero-stats .stat .stat-label{color:#8892a0;font-size:.875rem;font-weight:500}.hero-industries{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}@media(max-width:768px){.hero-industries{gap:1rem;justify-content:center}}.hero-industries .industry-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:50px;color:#b0b8c4;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hero-industries .industry-item:hover{background:#667eea1a;border-color:#667eea4d;color:#fff;transform:translateY(-2px)}.hero-industries .industry-item .material-symbols-outlined{color:#4facfe;color:var(--accent-blue);font-size:1rem}.hero-actions{align-items:flex-start;display:flex;gap:1rem}@media(max-width:768px){.hero-actions{flex-wrap:wrap;justify-content:center}}.hero-buttons{align-items:center;display:flex;gap:1rem}@media(max-width:640px){.hero-buttons{flex-direction:column;gap:.75rem;width:100%}}.cta-secondary-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem}.cta-secondary-wrapper .coming-soon{color:#8892a0;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cta-primary,.cta-secondary{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;display:flex;font-size:1rem;font-size:var(--font-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;min-height:44px;min-width:44px;padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .3s ease}@media(prefers-reduced-motion:reduce){.cta-primary,.cta-secondary{transition:none}}.cta-primary,.cta-secondary{text-decoration:none}.cta-primary.large,.cta-secondary.large{font-size:1.125rem;font-size:var(--font-lg);padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10)}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 8px 32px #667eea4d;color:#fff}.cta-primary:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);color:#fff}.cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-visual{display:flex;flex-direction:column;gap:1.5rem}.hero-visual .visual-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.hero-visual .visual-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.hero-visual .visual-card .card-icon{margin-bottom:1rem}.hero-visual .visual-card .card-icon .material-symbols-outlined{color:#667eea;font-size:2rem}.hero-visual .visual-card .card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.hero-visual .visual-card .card-description{color:#b8c2cc;font-size:.875rem}.industries-section,.solution-section,.tech-section,.use-cases-section{padding:6rem 2rem}.industries-section .section-content,.solution-section .section-content,.tech-section .section-content,.use-cases-section .section-content{margin:0 auto;max-width:1200px}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-header p{color:#b8c2cc;font-size:1.25rem;margin:0 auto;max-width:600px}.section-badge{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);border-radius:50px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.use-cases-section{background:linear-gradient(135deg,#1a1a2e,#16213e)}.use-cases-horizontal{display:flex;gap:2rem;justify-content:space-between}@media(max-width:768px){.use-cases-horizontal{flex-direction:column;gap:1.5rem}}.use-cases-horizontal .use-case-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;flex:1 1;padding:2rem;text-align:center}.use-cases-horizontal .use-case-item .use-case-icon{margin-bottom:1.5rem}.use-cases-horizontal .use-case-item .use-case-icon .material-symbols-outlined{color:#4facfe;color:var(--accent-blue);font-size:3rem}.use-cases-horizontal .use-case-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.use-cases-horizontal .use-case-item p{color:#b8c2cc;line-height:1.6}.application-examples{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}@media(max-width:1024px){.application-examples{gap:1.5rem}}@media(max-width:768px){.application-examples{gap:1rem;grid-template-columns:1fr}}.application-examples .application-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;box-sizing:border-box;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}@media(max-width:480px){.application-examples .application-card{padding:1.25rem}}.application-examples .application-card:hover{border-color:#4facfe;border-color:var(--accent-blue);box-shadow:0 10px 30px #4facfe33;transform:translateY(-5px)}.application-examples .application-card .card-icon{margin-bottom:1.5rem}.application-examples .application-card .card-icon .material-symbols-outlined{color:#4facfe;color:var(--accent-blue);display:block;font-size:3rem}.application-examples .application-card .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.application-examples .application-card .card-description{color:#8892a0;font-size:.875rem;font-weight:500;line-height:1.4}.solution-split,.tech-split{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.solution-split,.tech-split{gap:2rem;grid-template-columns:1fr}}.solution-text h2,.tech-text h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem}.solution-text p,.tech-text p{color:#b8c2cc;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-list .feature-item{align-items:center;display:flex;gap:1rem}.feature-list .feature-item .feature-check{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.feature-list .feature-item span{color:#e0e6ed;font-size:1rem}.solution-demo{display:flex;justify-content:center}.solution-demo .demo-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;max-width:400px;padding:1.5rem}.solution-demo .demo-preview .demo-screen{background:#00000080;border-radius:12px;padding:1.5rem}.solution-demo .demo-preview .demo-screen .demo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.solution-demo .demo-preview .demo-screen .demo-header .demo-title{font-weight:600}.solution-demo .demo-preview .demo-screen .demo-header .demo-status{color:#ff6b6b;font-size:.875rem}.solution-demo .demo-preview .demo-screen .demo-content .demo-instruction{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:8px;font-style:italic;margin-bottom:1rem;padding:1rem}.solution-demo .demo-preview .demo-screen .demo-content .demo-reading{background:#2ecc7133;border:1px solid #2ecc71;border-radius:8px;color:#2ecc71;margin-bottom:1rem;padding:1rem}.solution-demo .demo-preview .demo-screen .demo-content .demo-progress{color:#b8c2cc;font-size:.875rem;text-align:center}.industries-section{background:linear-gradient(135deg,#16213e,#0f0f23)}.industries-section.top-section{padding:4rem 2rem}.industries-grid-simple{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center}@media(max-width:1024px){.industries-grid-simple{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.industries-grid-simple{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.industries-grid-simple{grid-template-columns:1fr}}.industries-grid-simple .industry-text-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;min-height:200px;padding:1.5rem;text-align:center;transition:all .3s ease}.industries-grid-simple .industry-text-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.industries-grid-simple .industry-text-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.industries-grid-simple .industry-text-card p{color:#b8c2cc;flex-grow:1;font-size:.9rem;line-height:1.6;margin:0}.industries-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);justify-items:stretch}@media(max-width:1200px){.industries-grid{gap:1.5rem}}@media(max-width:768px){.industries-grid{gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto)}}@media(max-width:480px){.industries-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.industries-grid .industry-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}@media(max-width:768px){.industries-grid .industry-card{min-height:260px;padding:1.25rem}}@media(max-width:480px){.industries-grid .industry-card{font-size:.9rem;min-height:240px;padding:1rem}}.industries-grid .industry-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.industries-grid .industry-card .industry-icon{margin-bottom:1.5rem}.industries-grid .industry-card .industry-icon .material-symbols-outlined{color:#4facfe;font-size:3rem}.industries-grid .industry-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;min-height:1.5rem}.industries-grid .industry-card p{color:#b8c2cc;flex-grow:1;line-height:1.6;margin:0}.tech-stack{display:flex;flex-direction:column;gap:1.5rem}.tech-stack .tech-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem}.tech-stack .tech-category h4{color:#fff;font-weight:600;margin-bottom:.5rem}.tech-stack .tech-category span{color:#b8c2cc;font-size:.875rem}.tech-visual{display:flex;justify-content:center}.tech-visual .tech-flow{align-items:center;display:flex;gap:1.5rem}@media(max-width:768px){.tech-visual .tech-flow{flex-direction:column;gap:1rem}}.tech-visual .tech-flow .flow-step{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;min-width:120px;padding:1.5rem;text-align:center}.tech-visual .tech-flow .flow-step .step-icon{margin-bottom:.5rem}.tech-visual .tech-flow .flow-step .step-icon .material-symbols-outlined{color:#00f2fe;font-size:2rem}.tech-visual .tech-flow .flow-step .step-label{font-size:.875rem;font-weight:500}.tech-visual .tech-flow .flow-arrow{color:#667eea;font-size:1.5rem;font-weight:700}@media(max-width:768px){.tech-visual .tech-flow .flow-arrow{transform:rotate(90deg)}}.tech-flow-large{align-items:center;display:flex;gap:2rem;justify-content:center;margin:3rem 0}@media(max-width:768px){.tech-flow-large{flex-direction:column;gap:1.5rem}}.tech-flow-large .flow-step{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;min-width:150px;padding:2rem;text-align:center;transition:all .3s ease}.tech-flow-large .flow-step:hover{border-color:#4facfe;border-color:var(--accent-blue);box-shadow:0 10px 30px #4facfe33;transform:translateY(-5px)}.tech-flow-large .flow-step .step-icon{margin-bottom:1rem}.tech-flow-large .flow-step .step-icon .material-symbols-outlined{color:#4facfe;color:var(--accent-blue);font-size:3rem}.tech-flow-large .flow-step .step-label{font-size:1rem;font-weight:600;margin-bottom:.5rem}.tech-flow-large .flow-step .step-description{color:#8892a0;font-size:.875rem;font-weight:500}.tech-flow-large .flow-arrow{color:#667eea;font-size:2rem;font-weight:700}@media(max-width:768px){.tech-flow-large .flow-arrow{transform:rotate(90deg)}}.section-header.centered{margin-bottom:3rem;text-align:center}.cta-section{background:linear-gradient(135deg,#0c0c0c,#1a1a1a);background:var(--dark-gradient);padding:6rem 2rem;text-align:center}.cta-section .cta-content{margin:0 auto;max-width:800px}.cta-section .cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.cta-section .cta-content p{color:#b8c2cc;font-size:1.25rem;margin-bottom:2.5rem}.cta-section .cta-actions{margin-bottom:2rem}.cta-section .cta-note{align-items:center;color:#8892a0;display:flex;font-size:.875rem;gap:.5rem;justify-content:center}.cta-section .cta-note .material-symbols-outlined{color:#4facfe;font-size:1rem}.cta-section .cta-note span:last-child{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:.5rem 1rem}.landing-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000b3,#0f0f23cc),radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%);border-top:1px solid #ffffff26;padding:3rem 2rem 2rem;position:relative}.landing-footer:before{background:linear-gradient(90deg,#0000,#667eea4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.landing-footer .footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}@media(max-width:768px){.landing-footer .footer-content{flex-direction:column;gap:2rem;text-align:center}}.landing-footer .footer-content .footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.landing-footer .footer-content .footer-brand p{color:#8892a0;font-size:.875rem}.landing-footer .footer-content .footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(min-width:769px){.landing-footer .footer-content .footer-links{gap:2rem;justify-content:flex-end}}.landing-footer .footer-content .footer-link-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;color:#b8c2cc;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}@media(max-width:768px){.landing-footer .footer-content .footer-link-button{font-size:.8125rem;min-height:44px;padding:.625rem 1rem}}.landing-footer .footer-content .footer-link-button:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.landing-footer .footer-content .footer-link-button:hover{background:#ffffff26;border-color:#667eea66;box-shadow:0 8px 25px #667eea33;color:#fff;transform:translateY(-2px)}.landing-footer .footer-content .footer-link-button:hover:before{left:100%}.landing-footer .footer-content .footer-link-button:active{box-shadow:0 4px 15px #667eea1a;transform:translateY(0)}.landing-footer .footer-content .footer-link-button span{position:relative;transition:all .3s ease;z-index:1}.landing-footer .footer-content .footer-link-button span.material-symbols-outlined{color:#8892a0;flex-shrink:0;font-size:1rem;transition:all .3s ease}.landing-footer .footer-content .footer-link-button:hover span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:600}.landing-footer .footer-content .footer-link-button:hover span.material-symbols-outlined{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#667eea;transform:scale(1.1)}@media(max-width:768px){.landing-footer .footer-content .footer-link-button .material-symbols-outlined{font-size:.875rem}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.hero-visual .visual-card{animation:float 6s ease-in-out infinite}.hero-visual .visual-card:nth-child(2){animation-delay:2s}.hero-visual .visual-card:nth-child(3){animation-delay:4s}.authenticated-actions{align-items:center;display:flex;gap:1rem}.authenticated-actions .logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#e2e8f0;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.authenticated-actions .logout-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.login-page{align-items:center;background:linear-gradient(135deg,#0c0c0c,#1a1a1a);background:var(--dark-gradient);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;padding:var(--space-4);position:relative}.login-page:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-xl);max-width:450px;padding:2rem;padding:var(--space-8);position:relative;width:100%;z-index:1}.login-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.login-header .logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);width:64px}.login-header .logo-icon .material-symbols-outlined{color:#fff;font-size:2rem}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-3xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 .5rem;margin:0 0 var(--space-2)}.login-header .subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-lg);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5)}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;border-radius:var(--radius-lg);color:#f87171;color:var(--error-light);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.error-message .material-symbols-outlined{font-size:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.form-group label{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium)}.form-group input{background:#ffffff0d;border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--font-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-base)}.form-group input:focus{background:#ffffff14;border-color:#667eea;border-color:var(--primary-purple);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#ffffff80;color:var(--text-muted)}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-options{align-items:center;display:flex;justify-content:space-between;margin-top:-.5rem;margin-top:calc(var(--space-2)*-1)}.form-options .checkbox-label{align-items:center;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);-webkit-user-select:none;user-select:none}.form-options .checkbox-label input[type=checkbox]{accent-color:#667eea;accent-color:var(--primary-purple);cursor:pointer;height:16px;width:16px}.form-options .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:.5rem;margin-top:var(--space-2);padding:1rem;padding:var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-base)}.login-button:hover:not(:disabled){box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button .spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.login-button .material-symbols-outlined{font-size:1.25rem}.demo-credentials{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:1.5rem;margin-top:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6);text-align:center}.demo-credentials .demo-label{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);margin-bottom:.75rem;margin-bottom:var(--space-3)}.demo-credentials .demo-buttons{display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.demo-credentials .demo-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem;padding:var(--space-3);transition:all .2s ease-in-out;transition:all var(--transition-base)}.demo-credentials .demo-btn .material-symbols-outlined{font-size:1.25rem}.demo-credentials .demo-btn:hover:not(:disabled){background:#ffffff1a;border-color:#667eea;border-color:var(--primary-purple);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.demo-credentials .demo-btn:disabled{cursor:not-allowed;opacity:.5}.demo-credentials .demo-btn.technician:hover:not(:disabled){border-color:#00f2fe;border-color:var(--accent-cyan)}.demo-credentials .demo-btn.manager:hover:not(:disabled){border-color:#f5576c;border-color:var(--accent-coral)}.demo-credentials .demo-password{color:#ffffff80;color:var(--text-muted);font-size:.875rem;font-size:var(--font-sm)}.demo-credentials .demo-password code{background:#ffffff0d;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-family:var(--font-mono);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.login-footer{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:1.5rem;margin-top:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6);text-align:center}.login-footer .back-link{align-items:center;background:none;border:none;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:0;transition:color .2s ease-in-out;transition:color var(--transition-base)}.login-footer .back-link:hover{color:#fff;color:var(--text-primary)}.login-footer .back-link .material-symbols-outlined{font-size:1.125rem}@media(max-width:480px){.login-container{padding:1.5rem;padding:var(--space-6)}.login-header h1{font-size:1.5rem;font-size:var(--font-2xl)}.demo-buttons{flex-direction:column}}.portal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;background:var(--glass-bg-dark);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:200;z-index:var(--z-sticky)}.portal-header-content{align-items:center;display:flex;gap:1.5rem;gap:var(--space-6);justify-content:space-between;margin:0 auto;max-width:1400px}.portal-branding{gap:.75rem;gap:var(--space-3)}.portal-branding,.portal-logo{align-items:center;display:flex}.portal-logo{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);height:40px;justify-content:center;width:40px}.portal-logo .material-symbols-outlined{color:#fff;font-size:1.5rem}.portal-title h1{color:#fff;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-xl);font-weight:700;font-weight:var(--font-bold);line-height:1;margin:0}.portal-title .portal-subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm)}.portal-user-menu{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.user-info .user-name{color:#fff;color:var(--text-primary);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium)}.user-info .user-role{font-size:.75rem;font-size:var(--font-xs);text-transform:capitalize}.logout-button,.user-info .user-role{color:#ffffffb3;color:var(--text-secondary)}.logout-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-base)}.logout-button .material-symbols-outlined{font-size:1.125rem}.logout-button:hover{background:#ffffff1a;border-color:#ef4444;border-color:var(--error);color:#f87171;color:var(--error-light)}@media(max-width:768px){.portal-header{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.logout-button span:not(.material-symbols-outlined),.user-info{display:none}}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .2s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.status-badge .material-symbols-outlined{font-size:1rem}.status-badge.size-small{font-size:.75rem;font-size:var(--font-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.status-badge.size-small .material-symbols-outlined{font-size:.875rem}.status-badge.size-medium{font-size:.875rem;font-size:var(--font-sm)}.status-badge.size-large{font-size:1rem;font-size:var(--font-base);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.status-badge.size-large .material-symbols-outlined{font-size:1.125rem}.status-badge.pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24;color:var(--warning-light)}.status-badge.in-progress{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa;color:var(--info-light)}.status-badge.completed{background:#10b98126;border:1px solid #10b9814d;color:#34d399;color:var(--success-light)}.status-badge.cancelled{background:#ef444426;border:1px solid #ef44444d;color:#f87171;color:var(--error-light)}.status-badge.compliant{background:#10b98126;border:1px solid #10b9814d;color:#34d399;color:var(--success-light)}.status-badge.non-compliant{background:#ef444426;border:1px solid #ef44444d;color:#f87171;color:var(--error-light)}.status-badge.priority-low{background:#64748b26;border:1px solid #64748b4d;color:#94a3b8}.status-badge.priority-normal{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa;color:var(--info-light)}.status-badge.priority-high{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24;color:var(--warning-light)}.status-badge.priority-urgent{background:#ef444426;border:1px solid #ef44444d;color:#f87171;color:var(--error-light)}.status-badge.default{background:#ffffff1a;border:1px solid #ffffff26;border:1px solid var(--glass-border);color:#ffffffb3;color:var(--text-secondary)}.job-summary{color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.job-summary .material-symbols-outlined{font-size:1.125rem}.job-summary__header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.job-summary__time{align-items:center;color:var(--text-primary);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--space-2)}.job-summary__title{color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-semibold);line-height:1.2}.job-summary__client,.job-summary__compliance,.job-summary__date,.job-summary__location{align-items:center;display:flex;font-size:var(--font-sm);gap:var(--space-2)}.job-summary__compliance{margin-top:var(--space-1)}.job-summary__compliance .material-symbols-outlined{color:var(--success);font-size:1rem}.job-summary--timeline{grid-row-gap:var(--space-1);grid-column-gap:var(--space-2);column-gap:var(--space-2);display:grid;grid-template-areas:"header header" "title title" "client client" "location location";min-width:0;row-gap:var(--space-1)}.job-summary--timeline .job-summary__header{align-items:center;display:flex;gap:var(--space-2);grid-area:header;justify-content:space-between}.job-summary--timeline .job-summary__time{color:#ffffffd9;font-size:var(--font-xs);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.job-summary--timeline .job-summary__title{font-size:var(--font-sm);grid-area:title;margin:0}.job-summary--timeline .job-summary__client{font-size:var(--font-xs);grid-area:client;margin:0}.job-summary--timeline .job-summary__location{font-size:var(--font-xs);grid-area:location;margin:0}.job-summary--timeline .status-badge{font-size:.65rem}.job-summary--calendar .job-summary__header{margin-bottom:var(--space-1)}.job-summary--grid{gap:var(--space-2)}.job-summary--list{gap:var(--space-1)}.calendar-view{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;height:100%;min-height:0;padding:1rem;padding:var(--space-4)}.calendar-header{align-items:center;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:1rem;padding-bottom:var(--space-4)}.calendar-header h3{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.calendar-header .job-count{align-items:center;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2)}.calendar-header .job-count .material-symbols-outlined{font-size:1.125rem}.calendar-timeline{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1);min-height:0;overflow-y:auto;padding:.25rem .25rem .75rem 0;padding:var(--space-1) var(--space-1) var(--space-3) 0}.timeline-slot{grid-gap:.75rem;grid-gap:var(--space-3);align-items:start;border-bottom:1px solid #ffffff0d;display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:80px 1fr;padding-bottom:.5rem;padding-bottom:var(--space-2)}.timeline-slot:last-child{border-bottom:none;padding-bottom:0}.time-label{color:#ffffff80;color:var(--text-muted);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);grid-column:1;padding-top:.5rem;padding-top:var(--space-2);text-align:right}.time-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);grid-column:2;padding:.5rem 0;padding:var(--space-2) 0}.time-empty{height:100%;min-height:40px}.calendar-job{background:#667eea1a;border:1px solid #667eea4d;border-radius:.75rem;border-radius:var(--radius-lg);box-sizing:border-box;display:block;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.calendar-job .job-summary{gap:.5rem;gap:var(--space-2)}.calendar-job:hover{background:#667eea2e;border-color:#667eea;border-color:var(--primary-purple);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.meta-label{color:#ffffff80;color:var(--text-muted);font-size:.75rem;font-size:var(--font-xs);letter-spacing:.6px;text-transform:uppercase}.meta-value{color:#fff;color:var(--text-primary);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium)}.empty-calendar{align-items:center;color:#ffffff80;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:2.5rem;padding:var(--space-10)}.empty-calendar .material-symbols-outlined{font-size:4rem;margin-bottom:1rem;margin-bottom:var(--space-4);opacity:.5}.empty-calendar p{font-size:1rem;font-size:var(--font-base);font-style:italic}@media(max-width:768px){.calendar-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.timeline-slot{grid-template-columns:60px 1fr}.time-label{font-size:.75rem;font-size:var(--font-xs)}.calendar-job{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.calendar-job .job-time{font-size:.75rem;font-size:var(--font-xs)}.calendar-job .job-info .job-location{white-space:normal}}.ai-voice-spectrum{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);height:300px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.ai-voice-spectrum.active{box-shadow:0 8px 32px #667eea33}.ai-voice-spectrum.pulsing{border-color:#667eea80;box-shadow:0 8px 32px #667eea66}.ai-voice-spectrum .spectrum-container{height:100%;position:relative;width:100%}.ai-voice-spectrum .spectrum-canvas{display:block;height:100%;width:100%}@media(max-width:768px){.ai-voice-spectrum{height:200px;max-width:100%}.video-active .ai-voice-spectrum{height:150px}}@media(prefers-color-scheme:dark){.ai-voice-spectrum{background:#0f0f23cc;border-color:#ffffff1a}}.ios-audio-unlock-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.ios-audio-unlock-overlay .ios-audio-unlock-modal{animation:modalFadeIn .2s ease-out;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:300px;padding:1.5rem;text-align:center;width:100%}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.9}.ios-audio-unlock-overlay .ios-audio-unlock-modal h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 1rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal .loading-dots{display:flex;gap:.25rem;justify-content:center;margin:.5rem 0}.ios-audio-unlock-overlay .ios-audio-unlock-modal .loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background:var(--accent-cyan);border-radius:50%;height:8px;width:8px}.ios-audio-unlock-overlay .ios-audio-unlock-modal .loading-dots span:first-child{animation-delay:-.32s}.ios-audio-unlock-overlay .ios-audio-unlock-modal .loading-dots span:nth-child(2){animation-delay:-.16s}.ios-audio-unlock-overlay .ios-audio-unlock-modal .loading-dots span:nth-child(3){animation-delay:0s}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-button{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition-smooth);width:100%}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media(max-width:480px){.ios-audio-unlock-overlay{padding:1rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal{max-width:280px;padding:1.25rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal .unlock-icon{font-size:2.2rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal h3{font-size:1rem}.ios-audio-unlock-overlay .ios-audio-unlock-modal p{font-size:.8rem}}.typing-animation .typing-cursor{animation:blink 1s linear infinite;color:var(--accent-cyan);opacity:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);opacity:0;padding:1rem 1.5rem;position:fixed;right:2rem;top:100px;transform:translateX(100%);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);z-index:1000}.demo-notification.show{opacity:1;transform:translateX(0)}.demo-notification.success{border-color:var(--accent-green);box-shadow:0 0 20px #10b98133}.demo-notification.success .notification-icon{color:var(--accent-green)}.demo-notification.info{border-color:var(--accent-cyan);box-shadow:0 0 20px #4facfe33}.demo-notification.info .notification-icon{color:var(--accent-cyan)}.demo-notification.warning{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b33}.demo-notification.warning .notification-icon{color:#f59e0b}.demo-notification .notification-content{align-items:center;display:flex;gap:.75rem}.demo-notification .notification-content .notification-icon{font-size:20px}.demo-notification .notification-content .notification-text{font-weight:500}.ai-thinking{align-items:center;background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;gap:.75rem;padding:1rem}.ai-thinking .thinking-dots{display:flex;gap:.25rem}.ai-thinking .thinking-dots .dot{animation:thinking 1.5s ease-in-out infinite;background:var(--accent-cyan);border-radius:50%;height:6px;width:6px}.ai-thinking .thinking-dots .dot:nth-child(2){animation-delay:.2s}.ai-thinking .thinking-dots .dot:nth-child(3){animation-delay:.4s}.ai-thinking .thinking-text{font-style:italic;font-weight:500}@keyframes thinking{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease-out;visibility:hidden;z-index:9999}.processing-overlay.show{opacity:1;visibility:visible}.processing-overlay .processing-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;text-align:center}.processing-overlay .processing-content .processing-spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top:3px solid var(--primary-purple);height:60px;margin:0 auto 1.5rem;width:60px}.processing-overlay .processing-content .processing-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.processing-overlay .processing-content .processing-description{color:var(--text-secondary);font-size:.875rem;margin:0}.success-animation .success-checkmark{stroke-width:2;stroke:#10b981;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #10b981;display:block;height:80px;margin:1rem auto;width:80px}.success-animation .success-checkmark .success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-animation .success-checkmark .success-checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b981}}.live-chat-container{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:flex-start;overflow-x:hidden;overflow-y:visible;padding:1rem;position:relative;scroll-behavior:smooth;width:100%}.live-chat-container::-webkit-scrollbar{width:6px}.live-chat-container::-webkit-scrollbar-track{background:#0000}.live-chat-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.live-chat-container::-webkit-scrollbar-thumb:hover{background:var(--glass-border-dark)}.live-chat-container .voice-chat-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:800px;padding:1rem;width:100%}.live-chat-container .voice-chat-section .voice-chat-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 20px #667eea4d}.live-chat-container .voice-chat-section.hide-title .voice-chat-title{display:none}.live-chat-container .main-spectrum{margin:0 auto;max-width:800px;width:100%}.live-chat-container .knowledge-upload-section{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem 1rem;width:100%}.live-chat-container .knowledge-upload-section .section-header{margin-bottom:2rem;text-align:center}.live-chat-container .knowledge-upload-section .section-header .section-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.live-chat-container .knowledge-upload-section .section-header .section-subtitle{color:var(--accent-cyan);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.live-chat-container .knowledge-upload-section .section-header .section-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.live-chat-container .knowledge-upload-section .upload-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:2rem;min-height:400px;padding:2rem;transition:all .3s ease}.live-chat-container .knowledge-upload-section .upload-card:hover{box-shadow:0 8px 32px #667eea1a}.live-chat-container .knowledge-upload-section .upload-card .upload-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-title .material-symbols-outlined{color:var(--primary-color);font-size:1.5rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone{background:var(--glass-bg-dark);border:2px dashed var(--glass-border);border-radius:var(--radius-md);cursor:pointer;padding:2rem;text-align:center;transition:var(--transition-smooth)}.live-chat-container .knowledge-upload-section .upload-card .dropzone:hover{background:#4facfe0d;border-color:var(--accent-cyan)}.live-chat-container .knowledge-upload-section .upload-card .dropzone.active{background:#4facfe1a;border-color:var(--accent-cyan);box-shadow:0 0 20px #4facfe33}.live-chat-container .knowledge-upload-section .upload-card .dropzone.completed{background:#10b9810d;border-color:var(--accent-green)}.live-chat-container .knowledge-upload-section .upload-card .dropzone.uploading{animation:pulse 2s ease-in-out infinite;background:#4facfe0d;border-color:var(--accent-blue)}.live-chat-container .knowledge-upload-section .upload-card .dropzone.processing{animation:pulse 3s ease-in-out infinite;background:#4facfe08;border-color:var(--accent-blue)}.live-chat-container .knowledge-upload-section .upload-card .dropzone.connected{background:#10b98108;border-color:var(--accent-green)}.live-chat-container .knowledge-upload-section .upload-card .dropzone.connected:hover{background:#10b98114;border-color:var(--accent-green)}.live-chat-container .knowledge-upload-section .upload-card .dropzone .dropzone-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .dropzone-content .material-symbols-outlined{color:var(--text-secondary);font-size:48px;transition:var(--transition-smooth)}.live-chat-container .knowledge-upload-section .upload-card .dropzone .dropzone-content p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.live-chat-container .knowledge-upload-section .upload-card .dropzone .dropzone-content .file-types{color:var(--text-muted);font-size:.875rem;font-weight:400}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file{align-items:center;display:flex;gap:1rem;width:100%}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file>.material-symbols-outlined{color:var(--accent-green);font-size:48px}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:100%}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-info{align-items:center;color:var(--text-primary);display:flex;gap:.5rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-info .material-symbols-outlined{color:var(--accent-blue);font-size:1.5rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-info .material-symbols-outlined.spinning{animation:spin 1s linear infinite}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-info .progress-text{font-size:.95rem;font-weight:500}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,var(--accent-blue),#818cf8);border-radius:3px;height:100%;transition:width .2s ease}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-bar .progress-fill.indeterminate{animation:indeterminate-progress 1.5s ease-in-out infinite;width:30%}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .upload-progress-container .progress-status{color:var(--text-secondary);font-size:.85rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-info{flex:1 1;text-align:left}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-info .filename{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-info .filesize{color:var(--text-secondary);font-size:.875rem;margin:0}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-info .ai-status{color:var(--accent-green);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions{align-items:center;display:flex;gap:.5rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .preview-button,.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .remove-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .preview-button .material-symbols-outlined,.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .remove-button .material-symbols-outlined{font-size:1rem}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .preview-button{background:var(--accent-gradient);box-shadow:0 2px 8px #4facfe4d;color:#fff}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .preview-button:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .remove-button{background:#f5576c1a;border:1px solid #f5576c4d;color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .remove-button .material-symbols-outlined{color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .dropzone .uploaded-file .file-actions .remove-button:hover{background:#f5576c26;transform:translateY(-1px)}@keyframes indeterminate-progress{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(350%)}}.live-chat-container .knowledge-upload-section .connection-status{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;width:100%}.live-chat-container .knowledge-upload-section .connection-status .status-indicator{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem 1.5rem}.live-chat-container .knowledge-upload-section .connection-status .status-indicator .status-dot{border-radius:50%;height:12px;width:12px}.live-chat-container .knowledge-upload-section .connection-status .status-indicator .status-dot.online{background:var(--success-color);box-shadow:0 0 10px #22c55e80}.live-chat-container .knowledge-upload-section .connection-status .status-indicator .status-dot.offline{background:var(--text-secondary);opacity:.5}.live-chat-container .knowledge-upload-section .connection-status .status-indicator .status-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.live-chat-container .knowledge-upload-section .connection-status .connect-button{align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #4facfe4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition-smooth)}.live-chat-container .knowledge-upload-section .connection-status .connect-button:hover:not(:disabled){box-shadow:0 6px 16px #4facfe66;transform:translateY(-2px)}.live-chat-container .knowledge-upload-section .connection-status .connect-button:active:not(:disabled){transform:translateY(0)}.live-chat-container .knowledge-upload-section .connection-status .connect-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.live-chat-container .knowledge-upload-section .connection-status .connect-button .material-symbols-outlined{font-size:1.125rem}@media(max-width:768px){.live-chat-container{-webkit-overflow-scrolling:touch;overflow-y:visible;padding:.5rem}.live-chat-container .voice-chat-section{margin:1rem auto;padding:.5rem}.live-chat-container .voice-chat-section .voice-chat-title{font-size:1.4rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-bottom:1rem;padding:0 .5rem;text-align:center;word-break:break-word}.live-chat-container .main-spectrum{margin:0 auto}.live-chat-container .knowledge-upload-section{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;min-height:300px;padding:.5rem .25rem;width:100%}.live-chat-container .knowledge-upload-section .section-header{margin-bottom:1.5rem;text-align:center}.live-chat-container .knowledge-upload-section .section-header .section-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;text-shadow:0 0 20px #667eea4d}.live-chat-container .knowledge-upload-section .section-header .section-subtitle{color:var(--accent-cyan);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.live-chat-container .knowledge-upload-section .section-header .section-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 auto;max-width:100%;padding:0 .5rem}.live-chat-container .knowledge-upload-section .upload-card{margin:0 .25rem;padding:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-title{font-size:1rem;margin-bottom:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-title .material-symbols-outlined{font-size:1.25rem;margin-right:.5rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:300px;min-height:200px;overflow-y:auto;width:100%}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .files-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .files-header .material-symbols-outlined{color:var(--accent-cyan);font-size:1.25rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .files-header .files-count{color:var(--text-primary);font-weight:600}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .files-header .total-size{color:var(--text-secondary);font-size:.9rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .files-preview{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem;transition:var(--transition-smooth)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item:hover{background:var(--glass-bg-dark);border-color:var(--accent-cyan)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-icon{align-items:center;background:var(--neutral-10);border-radius:var(--radius-sm);color:var(--accent-cyan);display:flex;height:40px;justify-content:center;width:40px}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-icon .material-symbols-outlined{font-size:1.5rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-info{flex:1 1;min-width:0}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-info .filename{color:var(--text-primary);font-weight:500;margin:0 0 .25rem;word-break:break-word}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-info .filesize{color:var(--text-secondary);font-size:.85rem;margin:0}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .preview-button,.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .remove-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .preview-button .material-symbols-outlined,.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .remove-button .material-symbols-outlined{font-size:1rem}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .preview-button{background:var(--accent-gradient);box-shadow:0 2px 8px #4facfe4d;color:#fff}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .preview-button:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .remove-button{background:#f5576c1a;border:1px solid #f5576c4d;color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .remove-button .material-symbols-outlined{color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .uploaded-file-item .file-actions .remove-button:hover{background:#f5576c26;transform:translateY(-1px)}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .upload-status{border-top:1px solid var(--glass-border);padding-top:.75rem;text-align:center}.live-chat-container .knowledge-upload-section .upload-card .uploaded-files-list .upload-status .ai-status{color:var(--text-secondary);font-size:.9rem;margin:0}.live-chat-container .knowledge-upload-section .upload-card .upload-card{padding:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .upload-title{font-size:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .upload-title .material-symbols-outlined{margin-right:.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list{max-height:300px}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .files-header{gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .files-header .files-count{font-size:.9rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .files-header .total-size{font-size:.8rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .files-preview{gap:.25rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .uploaded-file-item{gap:.5rem;padding:.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .uploaded-file-item .file-icon{height:32px;width:32px}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .uploaded-file-item .file-icon .material-symbols-outlined{font-size:1.25rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .uploaded-file-item .file-info .filename{font-size:.9rem;margin-bottom:.125rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .uploaded-file-item .file-info .filesize{font-size:.8rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-files-list .upload-status .ai-status{font-size:.85rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file{align-items:center;display:flex;gap:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .material-symbols-outlined{color:var(--accent-green);font-size:48px}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .material-symbols-outlined.spinning{animation:spin 1s linear infinite;color:var(--accent-blue)}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-info{flex:1 1;text-align:left}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-info .filename{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-info .filesize{color:var(--text-secondary);font-size:.875rem;margin:0}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-info .ai-status{color:var(--accent-green);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions{align-items:center;display:flex;gap:.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .preview-button,.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .remove-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .preview-button .material-symbols-outlined,.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .remove-button .material-symbols-outlined{font-size:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .preview-button{background:var(--accent-gradient);box-shadow:0 2px 8px #4facfe4d;color:#fff}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .preview-button:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .remove-button{background:#f5576c1a;border:1px solid #f5576c4d;color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .remove-button .material-symbols-outlined{color:var(--accent-coral)}.live-chat-container .knowledge-upload-section .upload-card .upload-card .uploaded-file .file-actions .remove-button:hover{background:#f5576c26;transform:translateY(-1px)}.live-chat-container .knowledge-upload-section .upload-card .upload-card .dropzone{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:200px;padding:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .dropzone .dropzone-content{text-align:center}.live-chat-container .knowledge-upload-section .upload-card .upload-card .dropzone .dropzone-content .material-symbols-outlined{color:var(--text-secondary);font-size:2rem;margin-bottom:1rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .dropzone .dropzone-content p{color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .dropzone .dropzone-content .file-types{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.live-chat-container .knowledge-upload-section .upload-card .upload-card .connection-status{align-items:center;display:flex;min-height:60px;padding:0 .5rem}.live-chat-container .knowledge-upload-section .upload-card .upload-card .connection-status .status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:.75rem;text-align:center;width:100%}.live-chat-container .knowledge-upload-section .upload-card .upload-card .connection-status .status-indicator .status-text{color:var(--text-primary);font-size:.9rem;line-height:1.4}}.sample-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-sizing:border-box;margin:0 auto;max-width:500px;padding:1.5rem;text-align:center;width:100%}.sample-section .sample-button{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #4facfe4d;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.sample-section .sample-button .material-symbols-outlined{font-size:1.25rem}.sample-section .sample-button:hover:not(:disabled){box-shadow:0 8px 20px #4facfe66;transform:translateY(-2px)}.sample-section .sample-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.sample-section .sample-button .loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.sample-section .sample-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:1rem auto 0;max-width:400px}@media(max-width:768px){.sample-section{padding:1rem}.sample-section .sample-button{font-size:.95rem;padding:.875rem 1.5rem}.sample-section .sample-description{font-size:.85rem;line-height:1.4}}.preview-modal .preview-modal-content{box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-width:90vw;width:600px}.preview-modal .preview-modal-content .preview-modal-header{padding:1.5rem}.preview-modal .preview-modal-content .preview-modal-header h3{font-size:1.125rem;max-width:calc(100% - 40px)}.preview-modal .preview-modal-content .preview-modal-header .close-button{border-radius:var(--radius-sm);transition:var(--transition-fast)}.preview-modal .preview-modal-content .preview-modal-header .close-button:hover{background:var(--glass-bg-dark)}.preview-modal .preview-modal-content .preview-modal-header .close-button .material-symbols-outlined{font-size:1.25rem}.preview-modal .preview-modal-content .preview-modal-body{max-height:500px;overflow-y:auto;padding:1.5rem}.preview-modal .preview-modal-content .preview-modal-body .preview-text .text-content{word-wrap:break-word;background:var(--glass-bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;max-height:400px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.preview-modal .preview-modal-content .preview-modal-body .preview-text .text-content .text-placeholder{color:var(--text-secondary);display:block;padding:2rem;text-align:center}.files-ready-notice{align-items:center;background:var(--glass-bg);border:1px solid var(--accent-blue);border-radius:var(--radius-md);color:var(--accent-blue);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 1.5rem}.files-ready-notice .material-symbols-outlined{font-size:1.125rem;opacity:.8}@media(max-width:768px){.preview-modal .preview-modal-content{max-height:95vh;width:95vw}.preview-modal .preview-modal-content .preview-modal-header{padding:1rem}.preview-modal .preview-modal-content .preview-modal-header h3{font-size:1rem}.preview-modal .preview-modal-content .preview-modal-body{padding:1rem}.files-ready-notice{font-size:.8125rem;padding:.875rem 1.25rem}.files-ready-notice .material-symbols-outlined{font-size:1rem}}@media(max-width:480px){.live-chat-container{padding:.5rem}}.control-tray-spacer{display:none}.audioPulse{align-items:center;display:flex;justify-content:space-evenly;transition:all .5s;width:24px}.audioPulse>div{background-color:var(--Neutral-30);border-radius:1000px;min-height:4px;transition:height .1s;width:4px}.audioPulse.hover>div{animation:hover 1.4s ease-in-out infinite alternate}.audioPulse{height:4px;transition:opacity .333s}.audioPulse.active{opacity:1}.audioPulse.active>div{background-color:var(--Neutral-80)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}.action-button{align-items:center;animation:opacity-pulse 3s ease-in infinite;background:var(--Neutral-20);border:1px solid #0000;border-radius:18px;color:var(--Neutral-60);cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:48px}.action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:#0000;border:1px solid var(--Neutral-20)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.action-button.connected:hover{border:1px solid var(--Blue-500)}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-controls{align-items:center;display:flex;gap:.5rem}.mic-button{background-color:var(--accent-red);color:#000;position:relative;transition:all .2s ease-in;z-index:1}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-400)}.mic-button:before{background-color:var(--Red-500);border-radius:24px;content:"";display:block;height:calc(100% + var(--volume)*2);left:calc(var(--volume)*-1);opacity:.35;position:absolute;top:calc(var(--volume)*-1);transition:all .02s ease-in-out;width:calc(100% + var(--volume)*2);z-index:-1}.camera-switch{background:var(--accent-cyan);color:var(--text-primary)}.camera-switch:hover{background:var(--accent-blue);border:1px solid var(--accent-cyan)}.camera-switch:focus{border:2px solid var(--accent-cyan);outline:2px solid var(--accent-cyan)}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:var(--Neutral-5)}.control-tray{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#000000b3;border-top:1px solid var(--glass-border);bottom:0;box-shadow:0 -4px 20px #0000004d;box-sizing:border-box;display:flex;flex-shrink:0;gap:var(--space-2);height:100px;justify-content:center;left:0;margin-top:auto;max-height:100px;min-height:100px;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:1000}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:#0000;border:1px solid #404547;border:1px solid var(--Neutral-30,#404547);color:var(--Neutral-30)}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.control-tray .connection-container .connection-button-container{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;padding:10px}.control-tray .connection-container .text-indicator{color:var(--Blue-500);font-size:11px;-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{align-items:center;background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;display:inline-flex;gap:12px;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{align-items:center;display:flex;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@media(max-width:768px){.control-tray{gap:6px;height:90px;max-height:90px;min-height:90px;padding:15px}.control-tray .action-button{font-size:1.1rem;height:44px;width:44px}.control-tray .actions-nav{gap:6px;padding:8px}.control-tray .connection-container .connection-button-container{padding:8px}.control-tray .connection-container .text-indicator{font-size:10px}}@media(max-width:480px){.control-tray{gap:4px;height:80px;max-height:80px;min-height:80px;padding:12px}.control-tray .action-button{font-size:1rem;height:40px;width:40px}.control-tray .actions-nav{gap:4px;padding:6px}.control-tray .connection-container .connection-button-container{padding:6px}}.portal-control-tray{background:var(--bg-secondary);border-top:1px solid var(--glass-border)}.portal-control-tray .portal-connection.connected .connected-status{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:var(--radius-lg);color:#4caf50;display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.portal-control-tray .portal-connection.connected .connected-status .status-dot{animation:pulse 2s ease-in-out infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.select-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:70px}.select-group>label{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.select-group .react-select .react-select__control{border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:none;min-height:44px}.select-group .react-select .react-select__control:hover{border-color:var(--accent-cyan)}.select-group .react-select .react-select__control.react-select__control--is-focused{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00ffff1a;box-shadow:0 0 0 2px rgba(var(--accent-cyan-rgb,0,255,255),.1)}.select-group .react-select .react-select__value-container{padding:0 1rem}.select-group .react-select .react-select__single-value{color:var(--text-primary);font-weight:500}.select-group .react-select .react-select__menu{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.select-group .react-select .react-select__option:hover{background:var(--glass-bg-dark)}.select-group .react-select .react-select__option.react-select__option--is-selected{background:var(--accent-cyan);color:#fff}.settings-dialog{align-items:center;display:flex;gap:4px;height:70px;justify-content:center}.settings-dialog .connected-indicator{font-style:italic}.settings-dialog h4{margin-bottom:10px;margin-left:4px}.settings-dialog button{background:none;border:0}.settings-dialog .action-button{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:var(--transition-smooth);width:48px}.settings-dialog .action-button:hover{background:var(--glass-bg-dark);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.05)}.settings-dialog .action-button:active{transform:scale(.95)}@media(max-width:768px){.settings-dialog .action-button{font-size:20px;height:44px;min-height:44px;min-width:44px;width:44px}}@media(max-width:480px){.settings-dialog .action-button{font-size:18px;height:40px;min-height:40px;min-width:40px;width:40px}}.settings-dialog .dialog-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.settings-dialog .dialog-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.settings-dialog .dialog{background:var(--Neutral-5);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--shadow-xl);color:var(--Neutral-80);display:flex;flex-direction:column;font-family:Space mono;max-height:calc(100vh - 2rem);max-width:696px;overflow:hidden;position:relative;width:100%}@media(min-width:769px){.settings-dialog .dialog{display:flex;flex-direction:column;height:593px;position:fixed;right:1rem;top:50%;transform:translateY(-50%);width:696px}}.settings-dialog .dialog-container{background:linear-gradient(135deg,var(--Neutral-5) 0,#1a1f23cc 100%);background:linear-gradient(135deg,var(--Neutral-5) 0,rgba(var(--Neutral-10-rgb,26,31,35),.8) 100%);border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative}.settings-dialog .dialog-container::-webkit-scrollbar{width:8px}.settings-dialog .dialog-container::-webkit-scrollbar-track{background:var(--Neutral-10);border-radius:4px}.settings-dialog .dialog-container::-webkit-scrollbar-thumb{background:var(--Neutral-30);border-radius:4px}.settings-dialog .dialog-container::-webkit-scrollbar-thumb:hover{background:var(--Neutral-40)}.settings-dialog .dialog-close-button{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:var(--transition-smooth);width:40px;z-index:10001}.settings-dialog .dialog-close-button:hover{background:var(--glass-bg-dark);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.05)}.settings-dialog .dialog-close-button:active{transform:scale(.95)}.settings-dialog .dialog-close-button span{font-size:20px;line-height:1}@media(max-width:768px){.settings-dialog .dialog-close-button{height:36px;right:.75rem;top:.75rem;width:36px}.settings-dialog .dialog-close-button span{font-size:18px}}.settings-dialog .small{font-size:80%}.settings-dialog .mode-selectors{display:flex;gap:1rem;padding:0}.settings-dialog .mode-selectors:before{color:var(--text-primary);content:"Voice Configuration";display:block;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.settings-dialog textarea.system{field-sizing:content;background-color:var(--Neutral-15);border:0;border-radius:12px;box-sizing:border-box;color:var(--Neutral-80);font-family:Google Sans,sans-serif;font-size:16px;height:150px;line-height:21px;margin-top:8px;min-height:150px;padding:8px;resize:vertical;width:calc(100% - 16px)}.settings-dialog .function-declarations{font-size:66%;width:100%}.settings-dialog .fd-rows{grid-row-gap:6px;display:grid;grid-template-columns:1fr .5fr 1.5fr;row-gap:6px}.settings-dialog .fd-row-name{border:1px solid #2a2f31;border:1px solid var(--Neutral-20,#2a2f31);border-radius:8px;color:var(--Blue-400);font-family:Space mono;font-size:12px;font-weight:700;padding:10px}.settings-dialog .fd-row-args{padding:12px}.settings-dialog .fd-row-args>:not(:last-child):after{content:", "}.settings-dialog .fd-row{align-items:center;color:var(--Neutral-70);display:contents;height:35px}.settings-dialog .fd-row-description{background:#0000;border:none;color:inherit;flex:1 1;font-size:inherit;padding:2px 4px}.settings-dialog .fd-row-description:focus,.settings-dialog .fd-row-description:hover{background:var(--Neutral-20);outline:none}@media(max-width:768px){.settings-dialog .dialog-overlay{align-items:flex-end;padding:.5rem}.settings-dialog .dialog{border-radius:16px 16px 0 0;margin-top:auto;max-height:calc(100vh - 2rem);max-width:calc(100vw - 1rem);position:relative}.settings-dialog .dialog .dialog-container{-webkit-overflow-scrolling:touch;flex:1 1;gap:1.5rem;min-height:0;overflow-y:auto;padding:1.5rem 1rem 2rem}.settings-dialog .dialog .dialog-container .mode-selectors{flex-direction:column;gap:0;padding:0}.settings-dialog .dialog .dialog-container .mode-selectors>*{width:100%}.settings-dialog .dialog .dialog-container .select-group{gap:.75rem;min-height:80px}.settings-dialog .dialog .dialog-container .select-group>label{font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:left}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control{border-radius:var(--radius-lg);min-height:50px}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control .react-select__value-container{padding:0 1rem}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control .react-select__single-value{font-size:.95rem}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__menu{border-radius:var(--radius-lg);font-size:.9rem}.settings-dialog .dialog .dialog-container .connected-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-radius:var(--radius-lg);font-size:.9rem;margin:0;padding:1rem}.settings-dialog .dialog-close-button{height:44px;right:1rem;top:1rem;width:44px}}@media(max-width:480px){.settings-dialog .dialog-overlay{align-items:flex-end;padding:.25rem}.settings-dialog .dialog{border-radius:12px 12px 0 0;margin-top:auto;max-height:calc(100vh - 1rem);max-width:calc(100vw - .5rem)}.settings-dialog .dialog .dialog-container{-webkit-overflow-scrolling:touch;flex:1 1;gap:1rem;min-height:0;overflow-y:auto;padding:1rem .75rem 3rem}.settings-dialog .dialog .dialog-container .mode-selectors{gap:0;padding:0}.settings-dialog .dialog .dialog-container .select-group{gap:.5rem;min-height:70px}.settings-dialog .dialog .dialog-container .select-group>label{font-size:.85rem;margin-bottom:.25rem}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control{min-height:44px}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control .react-select__value-container{padding:0 .75rem}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__control .react-select__single-value{font-size:.9rem}.settings-dialog .dialog .dialog-container .select-group .react-select .react-select__menu{font-size:.85rem}.settings-dialog .dialog .dialog-container .connected-indicator{font-size:.8rem;padding:.75rem}.settings-dialog .action-button{font-size:18px;height:40px;min-height:40px;min-width:40px;width:40px}.settings-dialog .dialog-close-button{height:36px;right:.75rem;top:.75rem;width:36px}.settings-dialog .dialog-close-button span{font-size:16px}}.intervention-view{background:#0a0a0a;background:var(--bg-primary);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.intervention-view .intervention-notification{align-items:center;animation:slideDownBounce .5s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;display:flex;font-size:1.125rem;font-size:var(--font-lg);font-weight:700;font-weight:var(--font-bold);gap:.75rem;gap:var(--space-3);justify-content:center;left:50%;min-width:400px;padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10);position:fixed;top:2rem;top:var(--space-8);transform:translateX(-50%);z-index:10001}.intervention-view .intervention-notification.success{background:linear-gradient(135deg,#4caf50fa,#388e3cfa);border:2px solid #4caf50;color:#fff}.intervention-view .intervention-notification.info{background:linear-gradient(135deg,#667eeafa,#4263ebfa);border:2px solid #667eea;color:#fff}.intervention-view .intervention-notification.error{background:#f44336f2;border:1px solid #f44336;color:#fff}@keyframes slideDownBounce{0%{opacity:0;transform:translateX(-50%) translateY(-50px) scale(.8)}60%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1.05)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.intervention-header-bar{align-items:center;background:#1a1a1a;background:var(--bg-secondary);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.intervention-header-bar .job-info{flex:1 1}.intervention-header-bar .job-info h3{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);margin:0 0 .25rem;margin:0 0 var(--space-1)}.intervention-header-bar .job-info p{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);margin:0}.intervention-header-bar .session-timer{align-items:center;background:#667eea1a;border:1px solid #667eea;border:1px solid var(--primary-purple);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.intervention-header-bar .session-timer .timer-dot{animation:pulse 2s ease-in-out infinite;background:#667eea;background:var(--primary-purple);border-radius:50%;height:12px;width:12px}.intervention-header-bar .session-timer .timer-text{color:#667eea;color:var(--primary-purple);font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold)}.intervention-header-bar .session-timer .recording-indicator{align-items:center;background:#f443361a;border:1px solid #f4433680;border-radius:.375rem;border-radius:var(--radius-sm);color:#f44336;display:flex;font-size:.75rem;font-size:var(--font-xs);font-weight:700;font-weight:var(--font-bold);gap:.25rem;gap:var(--space-1);margin-left:.75rem;margin-left:var(--space-3);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.intervention-header-bar .session-timer .recording-indicator .rec-dot{animation:recordingPulse 1.5s ease-in-out infinite;background:#f44336;border-radius:50%;height:8px;width:8px}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.intervention-header-bar .complete-job-btn,.intervention-header-bar .header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.intervention-header-bar .complete-job-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf50;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 3px 10px #4caf5066;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-base);font-weight:700;font-weight:var(--font-bold);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s ease}.intervention-header-bar .complete-job-btn .material-symbols-outlined{font-size:1.5rem;font-weight:700}.intervention-header-bar .complete-job-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 5px 15px #4caf5080;transform:translateY(-2px)}.intervention-header-bar .complete-job-btn:active{box-shadow:0 2px 8px #4caf504d;transform:translateY(0)}.intervention-header-bar .cancel-btn{align-items:center;background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast)}.intervention-header-bar .cancel-btn .material-symbols-outlined{font-size:1.25rem}.intervention-header-bar .cancel-btn:hover{background:#0a0a0a;background:var(--bg-primary);border-color:#667eea;border-color:var(--primary-purple);color:#fff;color:var(--text-primary)}.intervention-content{grid-gap:1rem;grid-gap:var(--space-4);display:grid;flex:1 1;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 320px;overflow:hidden;padding:1rem;padding:var(--space-4)}.intervention-content .main-column{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-rows:1fr auto;min-height:0}.intervention-content .main-column .video-section{align-items:center;background:#1a1a1a;background:var(--bg-secondary);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:300px;overflow:hidden}.intervention-content .main-column .video-section .video-stream{height:100%;object-fit:contain;width:100%}.intervention-content .main-column .video-section .video-placeholder{align-items:center;color:#ffffff80;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center}.intervention-content .main-column .video-section .video-placeholder .material-symbols-outlined{font-size:4rem;opacity:.5}.intervention-content .main-column .video-section .video-placeholder p{font-size:1.125rem;font-size:var(--font-lg);font-style:italic}.intervention-content .main-column .chat-section{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:300px;overflow:hidden}.intervention-content .main-column .chat-section .live-chat-container{height:100%;overflow-y:hidden!important}.intervention-content .main-column .chat-section .live-chat-container .voice-chat-section{align-items:center;display:flex;height:100%;justify-content:center;margin:auto}.intervention-content .main-column .controls-section{background:#1a1a1a;background:var(--bg-secondary);border-radius:1rem;border-radius:var(--radius-xl)}.intervention-content .documents-panel,.intervention-content .main-column .controls-section{border:1px solid #ffffff26;border:1px solid var(--glass-border);padding:1rem;padding:var(--space-4)}.intervention-content .documents-panel{background:#ffffff14;background:var(--glass-bg);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);overflow-y:auto}.intervention-content .documents-panel .panel-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border-dark);display:flex;gap:.5rem;gap:var(--space-2);padding-bottom:.75rem;padding-bottom:var(--space-3)}.intervention-content .documents-panel .panel-header .material-symbols-outlined{color:#667eea;color:var(--primary-purple);font-size:1.5rem}.intervention-content .documents-panel .panel-header h4{color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--font-base);font-weight:600;font-weight:var(--font-semibold);margin:0}.intervention-content .documents-panel .document-item,.intervention-content .documents-panel .documents-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.intervention-content .documents-panel .document-item{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;padding:.75rem;padding:var(--space-3);text-align:center;text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.intervention-content .documents-panel .document-item:hover{background:#373737;border-color:#667eea;border-color:var(--primary-purple);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.intervention-content .documents-panel .document-item .material-symbols-outlined{align-self:center;color:#667eea;color:var(--primary-purple);font-size:2rem}.intervention-content .documents-panel .document-item .doc-name{font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);text-align:center}.intervention-content .documents-panel .document-item .doc-type{color:#ffffff80;color:var(--text-muted);font-size:.75rem;font-size:var(--font-xs);letter-spacing:.05em;text-align:center;text-transform:uppercase}@media(max-width:1200px){.intervention-content{grid-template-columns:1fr;grid-template-rows:auto auto}.intervention-content .documents-panel{max-height:200px;order:-1}.document-preview-modal .modal-content{max-height:95vh;max-width:95vw}}.job-detail-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060818c7;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:10100}.job-detail-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:var(--space-5);max-height:calc(100vh - 160px);overflow:hidden;padding:var(--space-6);position:relative;width:min(720px,100%)}.job-detail-scroll{display:flex;flex:1 1;flex-direction:column;gap:var(--space-5);overflow-y:auto;padding-right:var(--space-2)}.modal-close{align-items:center;background:#ffffff0f;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:36px}.modal-close:hover{background:#ffffff1f;color:#fff}.job-detail-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.job-detail-header h3{color:#fff;font-size:var(--font-2xl);margin:0 0 var(--space-1)}.job-detail-header .job-client{color:var(--text-secondary);font-size:var(--font-base);margin:0}.job-detail-meta{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.meta-item{align-items:center;background:#ffffff0a;border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-3)}.meta-item .material-symbols-outlined{color:var(--text-muted);font-size:1.25rem}.meta-item .meta-content{display:flex;flex-direction:column;gap:var(--space-1)}.meta-item .meta-label{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.6px;text-transform:uppercase}.meta-item .meta-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium)}.job-detail-section{display:flex;flex-direction:column;gap:var(--space-3)}.job-detail-section h4{color:var(--text-muted);font-size:var(--font-sm);letter-spacing:.6px;margin:0;text-transform:uppercase}.job-detail-section p{color:var(--text-secondary);line-height:1.6;margin:0}.job-detail-section video{background:#000;border-radius:var(--radius-xl);width:100%}.compliance-score-section .compliance-score-card{align-items:center;background:linear-gradient(135deg,#818cf826,#c084fc33);border:1px solid #818cf852;border-radius:var(--radius-2xl);display:flex;gap:var(--space-4);padding:var(--space-4)}.compliance-score-section .score-badge{align-items:baseline;color:#fff;display:flex;font-size:clamp(2.5rem,4vw,3rem);font-weight:var(--font-bold);gap:var(--space-1);line-height:1}.compliance-score-section .score-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compliance-score-section .score-suffix{color:#fffc;font-size:var(--font-lg)}.compliance-score-section .score-meta{color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.compliance-score-section .score-meta .meta-title{color:#ffffffd9;font-size:var(--font-xs);letter-spacing:.6px;text-transform:uppercase}.compliance-score-section .score-meta p{line-height:1.55;margin:0}.compliance-score-section .score-meta .meta-hint{color:var(--text-muted);font-size:var(--font-xs)}.job-documents{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.job-documents li{align-items:center;display:flex;font-size:var(--font-sm);gap:var(--space-2)}.job-documents li .material-symbols-outlined{color:var(--accent-purple);font-size:1.1rem}.job-documents li a{color:var(--text-primary);text-decoration:none}.job-documents li a:hover{text-decoration:underline}.job-video-link{color:var(--accent-purple);font-size:var(--font-sm);text-decoration:none}.job-video-link:hover{text-decoration:underline}.job-detail-footer{display:flex;gap:var(--space-3);margin-top:auto}.secondary-btn{background:#ffffff0a;border:1px solid #fff3;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;font-weight:var(--font-medium);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.secondary-btn:hover{background:#ffffff1a}@media(max-width:768px){.job-detail-modal{padding:var(--space-4)}.job-detail-card{max-height:calc(100vh - 120px);padding:var(--space-5);width:100%}.job-detail-meta{grid-template-columns:1fr}}.technician-dashboard{background:#0a0a0a;background:var(--bg-primary);min-height:100vh}.dashboard-refreshing-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#6a11cb1a,#2563eb1a);border-bottom:2px solid #667eea;border-bottom:2px solid var(--primary-purple);color:#667eea;color:var(--primary-purple);display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem;padding:var(--space-3)}.dashboard-refreshing-banner .refreshing-spinner{animation:spin .8s linear infinite;border:3px solid #6a11cb4d;border-radius:50%;border-top:3px solid var(--primary-purple);height:20px;width:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.dashboard-main-panels{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:stretch;display:grid;gap:1.5rem;gap:var(--space-6);grid-auto-rows:1fr;grid-template-columns:minmax(320px,420px) minmax(0,1fr);height:calc(100vh - 240px);max-height:calc(100vh - 240px)}.dashboard-main-panels section{display:flex;flex-direction:column;min-height:0}.dashboard-main-panels section .section-title{margin-bottom:1rem;margin-bottom:var(--space-4)}.dashboard-main-panels section>:last-child,.next-intervention-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.next-intervention-card{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;min-height:0;padding:1.5rem;padding:var(--space-6)}.intervention-card-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-4);min-height:0;overflow-y:auto;padding-right:.25rem;padding-right:var(--space-1)}.intervention-header{align-items:flex-start;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.intervention-header .intervention-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);display:flex;height:56px;justify-content:center;width:56px}.intervention-header .intervention-icon .material-symbols-outlined{color:#fff;font-size:2rem}.intervention-header .intervention-title{flex:1 1}.intervention-header .intervention-title h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-2xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 .25rem;margin:0 0 var(--space-1)}.intervention-header .intervention-title p{color:#ffffffb3;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-lg);margin:0}.intervention-details{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;gap:var(--space-4)}.detail-row{align-items:flex-start;background:#ffffff08;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3)}.detail-row .material-symbols-outlined{color:#ffffff80;color:var(--text-muted);font-size:1.5rem;margin-top:2px}.detail-row div{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1)}.detail-row .detail-label{color:#ffffff80;color:var(--text-muted);font-size:.75rem;font-size:var(--font-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.detail-row .detail-value{color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--font-base);font-weight:500;font-weight:var(--font-medium)}.detail-row.highlight{background:#667eea1a;border:1px solid #667eea4d}.detail-row.highlight .detail-value,.detail-row.highlight .material-symbols-outlined{color:#667eea;color:var(--primary-purple)}.intervention-description{flex-shrink:0;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.intervention-description h4{color:#ffffff80;color:var(--text-muted);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;margin:0 0 .5rem;margin:0 0 var(--space-2);text-transform:uppercase}.intervention-description p{color:#ffffffb3;color:var(--text-secondary);font-size:1rem;font-size:var(--font-base);line-height:1.6;margin:0}.intervention-actions{border-top:1px solid #ffffff14;display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-start;margin-top:auto;padding-top:1rem;padding-top:var(--space-4)}.intervention-actions button{flex:0 0 auto}.start-intervention-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);color:#fff;display:inline-flex;font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .15s ease-out;transition:all var(--transition-fast)}.start-intervention-btn:hover{box-shadow:0 0 20px #667eea66,0 8px 32px #0000004d;box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-1px)}.start-intervention-btn:active{transform:translateY(0)}.start-intervention-btn .material-symbols-outlined{font-size:1.25rem}.empty-state.small{padding:1.5rem;padding:var(--space-6)}.empty-state.small .material-symbols-outlined{font-size:3rem}.empty-state.small p{font-size:.875rem;font-size:var(--font-sm)}@media(max-width:1200px){.dashboard-main-panels{grid-template-columns:minmax(0,1fr);height:auto;max-height:none}}.today-schedule-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.intervention-documents{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);flex-shrink:0;margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.intervention-documents h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-base);gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.intervention-documents h4 .material-symbols-outlined{color:var(--accent-purple)}.intervention-documents .documents-grid{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.intervention-documents .document-link{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);display:flex;gap:.5rem;gap:var(--space-2);padding:.75rem;padding:var(--space-3);text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast)}.intervention-documents .document-link:hover{background:#667eea33;border-color:#667eea;border-color:var(--primary-purple);transform:translateY(-2px)}.intervention-documents .document-link .material-symbols-outlined{color:var(--accent-purple);font-size:1.25rem}.intervention-documents .document-link .doc-name{font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-preview-modal{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.document-preview-modal .modal-content{animation:slideUp .3s ease-out;background:#1a1a1a;background:var(--bg-secondary);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.document-preview-modal .modal-header{align-items:center;background:#2a2a2a;background:var(--bg-tertiary);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.document-preview-modal .modal-header .modal-title{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.document-preview-modal .modal-header .modal-title .material-symbols-outlined{color:#667eea;color:var(--primary-purple);font-size:2rem}.document-preview-modal .modal-header .modal-title h3{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);margin:0 0 .25rem;margin:0 0 var(--space-1)}.document-preview-modal .modal-header .modal-title .doc-type-label{color:#ffffff80;color:var(--text-muted);font-size:.75rem;font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.document-preview-modal .modal-header .close-button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:var(--space-2);transition:all .15s ease-out;transition:all var(--transition-fast)}.document-preview-modal .modal-header .close-button .material-symbols-outlined{font-size:1.5rem}.document-preview-modal .modal-header .close-button:hover{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.document-preview-modal .modal-body{align-items:center;background:#0a0a0a;background:var(--bg-primary);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem;padding:var(--space-4)}.document-preview-modal .modal-body img{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);max-height:100%;max-width:100%;object-fit:contain}.document-preview-modal .modal-footer{align-items:center;background:#2a2a2a;background:var(--bg-tertiary);border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1rem;padding:var(--space-4)}.document-preview-modal .modal-footer .open-new-tab-button{align-items:center;background:#0000;border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast)}.document-preview-modal .modal-footer .open-new-tab-button .material-symbols-outlined{font-size:1.125rem}.document-preview-modal .modal-footer .open-new-tab-button:hover{background:#0a0a0a;background:var(--bg-primary);border-color:#667eea;border-color:var(--primary-purple);color:#fff;color:var(--text-primary)}.document-preview-modal .modal-footer .close-footer-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast)}.document-preview-modal .modal-footer .close-footer-button:hover{box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);opacity:.9;transform:translateY(-1px)}.job-card{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);padding:1rem;padding:var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-base)}.job-card.clickable{cursor:pointer}.job-card.clickable:hover{background:#ffffff1f;border-color:#667eea;border-color:var(--primary-purple);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.job-card.compact{padding:.75rem;padding:var(--space-3)}.job-card.compact .job-card-header{gap:.5rem;gap:var(--space-2)}.job-card.compact .job-type-icon{height:32px;width:32px}.job-card.compact .job-type-icon .material-symbols-outlined{font-size:1.25rem}.job-card.compact .job-card-title h3{font-size:.875rem;font-size:var(--font-sm)}.job-card.compact .job-card-title .client-name{font-size:.75rem;font-size:var(--font-xs)}.job-card-header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.job-type-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.job-type-icon .material-symbols-outlined{color:#fff;font-size:1.5rem}.job-card-summary{flex:1 1;min-width:0}.job-card-badges{align-items:flex-end}.job-card-badges,.job-card-body{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.job-info-row{align-items:center;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2)}.job-info-row .material-symbols-outlined{color:#ffffff80;color:var(--text-muted);font-size:1.125rem}.job-info-row.travel-info{background:#4299e11a;border:1px solid #4299e14d;border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-2)}.job-info-row.travel-info .route-hint{color:#ffffff80;color:var(--text-muted);font-style:italic}.job-description{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:.5rem;margin-top:var(--space-2);padding-top:.75rem;padding-top:var(--space-3)}.job-description p{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);line-height:1.5;margin:0}.job-documents{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.job-documents .documents-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.job-documents .documents-header .material-symbols-outlined{color:var(--accent-purple);font-size:1.125rem}.job-documents .documents-list{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);row-gap:1rem;row-gap:var(--space-4)}.job-documents .document-button{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease-out;transition:all var(--transition-fast)}.job-documents .document-button:hover{background:#667eea33;border-color:#667eea;border-color:var(--primary-purple);transform:translateY(-1px)}.job-documents .document-button .material-symbols-outlined{color:var(--accent-purple);font-size:1.125rem}.job-documents .document-button .doc-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-job-section{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.completed-job-section .compliance-row{align-items:center;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.completed-job-section .compliance-row .material-symbols-outlined{color:#10b981;color:var(--success);font-size:1.125rem}.completed-job-section .insights-section{margin-bottom:.75rem;margin-bottom:var(--space-3)}.completed-job-section .insights-section .insights-header{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.completed-job-section .insights-section .insights-header .material-symbols-outlined{color:var(--accent-yellow);font-size:1.125rem}.completed-job-section .insights-section .insights-list{list-style:none;margin:0;padding:0}.completed-job-section .insights-section .insights-list li{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);margin-bottom:.25rem;margin-bottom:var(--space-1);padding-left:1rem;padding-left:var(--space-4);position:relative}.completed-job-section .insights-section .insights-list li:before{color:var(--accent-yellow);content:"•";left:0;position:absolute}.completed-job-section .completed-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.completed-job-section .action-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease-out;transition:all var(--transition-fast)}.completed-job-section .action-button .material-symbols-outlined{font-size:1.125rem}.completed-job-section .action-button.video-button{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.completed-job-section .action-button.video-button:hover{background:#ef444433;border-color:#f87171}.completed-job-section .action-button.report-button{background:#3b82f61a;border:1px solid #3b82f64d;color:#93c5fd}.completed-job-section .action-button.report-button:hover{background:#3b82f633;border-color:#60a5fa}.job-actions{border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6)}.job-actions .start-intervention-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.job-actions .start-intervention-button .material-symbols-outlined{font-size:1.5rem}.job-actions .start-intervention-button:hover{box-shadow:0 0 20px #667eea66;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.job-actions .start-intervention-button:active{transform:translateY(0)}@media(max-width:768px){.job-card{padding:.75rem;padding:var(--space-3)}.job-card-badges{flex-direction:row;flex-wrap:wrap}.documents-list{flex-direction:column}.documents-list .document-button .doc-name{max-width:none}.completed-actions{flex-direction:column}.completed-actions .action-button{justify-content:center;width:100%}}.technician-timeline{background:#ffffff0a;border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:var(--radius-3xl);flex-direction:column;overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative}.technician-timeline,.timeline-header{display:flex;gap:1rem;gap:var(--space-4)}.timeline-header{align-items:center;border-bottom:1px solid #ffffff0f;padding-bottom:.75rem;padding-bottom:var(--space-3)}.technician-column-label{align-items:center;color:#ffffff80;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);min-width:200px}.technician-column-label .material-symbols-outlined{font-size:1.2rem}.timeline-hours-wrapper{flex:1 1;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;padding-bottom:var(--space-2)}.timeline-hours-track{height:32px;min-width:100%;position:relative}.hour-marker{color:#ffffff80;color:var(--text-muted);font-size:.75rem;font-size:var(--font-xs);letter-spacing:.6px;pointer-events:none;position:absolute;text-transform:uppercase;top:0;transform:translateX(-50%)}.hour-marker .hour-text{background:#0f132d99;border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;padding:0 .25rem;padding:0 var(--space-1);white-space:nowrap}.timeline-body{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);position:relative}.timeline-empty,.timeline-loading{align-items:center;color:#ffffffb3;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);justify-content:center;padding:1.5rem;padding:var(--space-6)}.timeline-empty .material-symbols-outlined,.timeline-loading .material-symbols-outlined{color:#ffffff80;color:var(--text-muted);font-size:3rem}.timeline-loading{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05081ed9;border-radius:inherit;inset:0;position:absolute;z-index:2}.timeline-loading .loading-spinner{animation:spin .9s linear infinite;border:4px solid #ffffff1f;border-radius:999px;border-top:4px solid var(--primary-purple);height:42px;width:42px}.timeline-row{grid-gap:.5rem;grid-gap:var(--space-2);align-items:stretch;background:#ffffff05;border:1px solid #ffffff0a;border-radius:1.5rem;border-radius:var(--radius-2xl);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:minmax(0,190px) 1fr;min-height:84px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative}.timeline-row.unassigned-row{background:#f973160f;border-color:#ffffff14;border-style:dashed}.timeline-row.unassigned-row .technician-avatar{background:#f9731626;color:#f97316}.technician-cell{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);height:100%;min-width:0;padding:.25rem 0;padding:var(--space-1) 0}.technician-avatar{align-items:center;background:#818cf829;border-radius:999px;color:#667eea;color:var(--primary-purple);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.technician-meta{color:#ffffffb3;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:2px;line-height:1.2;min-width:0;overflow-wrap:anywhere}.technician-meta strong{color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--font-base);white-space:normal}.technician-meta .meta-line{color:#ffffffb3;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-xs);letter-spacing:.3px;white-space:normal}.timeline-cell{overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;padding-bottom:var(--space-2);position:relative}.timeline-track{background:#ffffff05;border:1px dashed #ffffff0f;border-radius:1rem;border-radius:var(--radius-xl);min-width:100%;overflow:hidden;padding:.5rem 0;padding:var(--space-2) 0;position:relative}.timeline-guide{background:#ffffff0f;bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-.5px);width:1px;z-index:1}.timeline-job{background:linear-gradient(135deg,#818cf82e,#a29bfe47);border:1px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-sizing:border-box;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);height:64px;height:var(--timeline-job-height,64px);justify-content:space-between;overflow:hidden;padding:.5rem;padding:var(--space-2);position:absolute;text-align:left;top:0;transition:transform .15s ease-out,box-shadow .15s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:2}.timeline-job:hover{box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.timeline-job.status-pending{background:linear-gradient(135deg,#fbbf2426,#f59e0b47);border-color:#fbbf2452}.timeline-job.status-in_progress{background:linear-gradient(135deg,#3b82f62e,#2563eb4d);border-color:#2563eb52}.timeline-job.status-completed{background:linear-gradient(135deg,#10b9812e,#05966947);border-color:#10b98152}.timeline-job.status-cancelled{background:linear-gradient(135deg,#ef44442e,#dc262647);border-color:#ef444452}.job-header{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);justify-content:space-between}.job-time{color:#fffc;font-size:.75rem;font-size:var(--font-xs);letter-spacing:.4px;text-transform:uppercase}.job-title{font-size:.875rem;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);line-height:1.3}.job-client{font-size:.75rem;font-size:var(--font-xs)}.job-client,.timeline-footer{color:#ffffffb3;color:var(--text-secondary)}.timeline-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);justify-content:flex-end;margin-top:.5rem;margin-top:var(--space-2);padding-top:.75rem;padding-top:var(--space-3)}.timeline-footer .material-symbols-outlined{color:var(--accent-purple);font-size:1.1rem}@media(max-width:1200px){.timeline-header{align-items:flex-start;flex-direction:column}.technician-column-label{min-width:auto}.timeline-row{grid-template-columns:1fr}.timeline-hours{width:100%}}@media(max-width:768px){.technician-timeline{padding:1rem;padding:var(--space-4)}.timeline-hours{grid-template-columns:repeat(10,minmax(56px,1fr))}.timeline-row{padding:.75rem;padding:var(--space-3)}.timeline-job{padding:.5rem;padding:var(--space-2)}}:root{--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,monospace;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-gradient:linear-gradient(135deg,#0c0c0c,#1a1a1a);--primary-purple:#667eea;--primary-indigo:#764ba2;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-pink:#f093fb;--accent-coral:#f5576c;--success:#10b981;--success-light:#34d399;--success-dark:#047857;--warning:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--error:#ef4444;--error-light:#f87171;--error-dark:#dc2626;--info:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--glass-bg:#ffffff14;--glass-border:#ffffff26;--glass-bg-dark:#0003;--glass-border-dark:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--text-disabled:#ffffff4d;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 20px 60px #0006;--shadow-glow:0 0 20px #667eea66;--shadow-glow-cyan:0 0 20px #00f2fe4d;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease-out;--transition-base:0.2s ease-in-out;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#667eea;background:var(--primary-purple);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;left:0;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-40px;z-index:700;z-index:var(--z-tooltip)}.skip-link:focus{top:.5rem;top:var(--space-2)}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #667eea;outline:2px solid var(--primary-purple);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--touch-target-min:44px}*{scrollbar-color:#ffffff26 #0000;scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--glass-border);border-radius:.375rem;border-radius:var(--radius-sm);-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#ffffff1a;background:var(--glass-border-dark)}::-webkit-scrollbar-corner{background:#0000}.manager-dashboard{background:#0a0a0a;background:var(--bg-primary);min-height:100vh}.dashboard-loading{align-items:center;color:#ffffffb3;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;min-height:60vh}.dashboard-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff26;border-top-color:#667eea;border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary-purple);height:48px;width:48px}.dashboard-content{gap:1.5rem;gap:var(--space-6);margin:0 auto;max-width:1400px}.dashboard-content,.timeline-section{display:flex;flex-direction:column;padding:1.5rem;padding:var(--space-6)}.timeline-section{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);gap:1rem;gap:var(--space-4)}.section-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.timeline-controls{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.date-filter{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1rem;border-radius:var(--radius-xl);color:#ffffffb3;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--font-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.date-filter .material-symbols-outlined{color:var(--accent-purple);font-size:1.3rem}.date-filter span:last-of-type{font-size:.75rem;font-size:var(--font-xs);letter-spacing:.6px;text-transform:uppercase}.date-filter input[type=date]{background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);padding:0 .25rem;padding:0 var(--space-1)}.date-filter input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-filter input[type=date]:focus{color:#fff;outline:none}.section-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--font-xl);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.section-title .material-symbols-outlined{color:#667eea;color:var(--primary-purple);font-size:1.5rem}.stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card,.stats-grid{gap:1rem;gap:var(--space-4)}.stat-card{align-items:center;background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;padding:1.25rem;padding:var(--space-5);transition:all .2s ease-in-out;transition:all var(--transition-base)}.stat-card.active,.stat-card:hover{background:#ffffff1f;border-color:#667eea;border-color:var(--primary-purple);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.metric{cursor:default}.stat-card.metric:hover{box-shadow:none;transform:none}.stat-card .stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card .stat-icon .material-symbols-outlined{color:#fff;font-size:1.75rem}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.in-progress .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#10b981,#047857)}.stat-card.metric .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card .stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1)}.stat-card .stat-value{color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-3xl);font-weight:700;font-weight:var(--font-bold);line-height:1}.stat-card .stat-label{color:#ffffffb3;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium)}.jobs-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state{align-items:center;background:#ffffff14;background:var(--glass-bg);border:1px dashed #ffffff26;border:1px dashed var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;padding:2rem;padding:var(--space-8);text-align:center}.empty-state .material-symbols-outlined{color:#ffffff80;color:var(--text-muted);font-size:4rem;margin-bottom:.75rem;margin-bottom:var(--space-3)}.empty-state p{color:#ffffffb3;color:var(--text-secondary);font-size:1rem;font-size:var(--font-base);margin:0}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.dashboard-content{gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem;padding:var(--space-4)}.stat-card .stat-icon{height:40px;width:40px}.stat-card .stat-icon .material-symbols-outlined{font-size:1.5rem}.stat-card .stat-value{font-size:1.5rem;font-size:var(--font-2xl)}.stat-card .stat-label{font-size:.75rem;font-size:var(--font-xs)}.jobs-grid{grid-template-columns:1fr}.section-title-row{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3)}.timeline-section{padding:1.25rem;padding:var(--space-5)}}.demo-hub{background:radial-gradient(circle at top,#3d5afe26,#0000 55%),#05070c;color:#f5f7fb;gap:3rem;min-height:100vh;padding:3rem 6vw 4rem}.demo-hub,.demo-hub__header{display:flex;flex-direction:column}.demo-hub__header{gap:1.5rem}.demo-hub__back{align-items:center;align-self:flex-start;background:#5260802e;border:1px solid #7d8fbb66;border-radius:999px;color:#f5f7fb;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .24s ease}.demo-hub__back:hover{background:#52608059;border-color:#a3b6eb99;transform:translateY(-1px)}.demo-hub__badge{align-items:center;background:#527dfe1f;border-radius:999px;color:#9fb5ff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.08em;padding:.5rem .9rem;text-transform:uppercase}.demo-hub__title-group h1{font-size:clamp(2.2rem,4vw,3rem);margin:.2rem 0}.demo-hub__title-group p{color:#dbe4ffbf;font-size:1rem;line-height:1.6;max-width:640px}.demo-hub__options{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.demo-hub__card{background:linear-gradient(145deg,#0e172aeb,#091021eb);border:1px solid #6d82b040;border-radius:1.5rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;position:relative;text-align:left;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.demo-hub__card:after{background:linear-gradient(145deg,#78a3ff2e,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .24s ease}.demo-hub__card:hover{border-color:#8faeec8c;box-shadow:0 18px 40px #000a2873;transform:translateY(-6px)}.demo-hub__card:hover:after{opacity:1}.demo-hub__card>*{position:relative;z-index:1}.demo-hub__card-header{align-items:center;display:flex;justify-content:space-between}.demo-hub__card-icon{align-items:center;background:#5878ff29;border-radius:1rem;color:#a9c0ff;display:inline-flex;font-size:1.8rem;height:3rem;justify-content:center;width:3rem}.demo-hub__card-badge{background:#5878ff1f;border-radius:999px;color:#a7beff;font-size:.7rem;font-weight:600;letter-spacing:.1em;padding:.35rem .8rem;text-transform:uppercase}.demo-hub__card-body h2{font-size:1.4rem;margin:0}.demo-hub__card-body p{color:#dbe4ffc7;font-size:.98rem;line-height:1.6;margin:.75rem 0 0}.demo-hub__card-footer{align-items:center;color:#b9caff;display:flex;font-weight:600;gap:.5rem;justify-content:space-between}.demo-hub__card-footer .material-symbols-outlined{transition:transform .24s ease}.demo-hub__card:hover .demo-hub__card-footer .material-symbols-outlined{transform:translateX(4px)}@media(max-width:720px){.demo-hub{padding:2.5rem 1.5rem 3rem}.demo-hub__card{padding:1.75rem}}.demo-portal{background:#04060b;color:#f2f5ff;min-height:100vh}.demo-portal,.demo-portal__banner{display:flex;flex-direction:column}.demo-portal__banner{background:linear-gradient(145deg,#303f9f73,#151e3fe6);border-bottom:1px solid #7c8fbc59;gap:1.5rem;padding:2.5rem 6vw 2rem}.demo-portal__back{align-items:center;align-self:flex-start;background:#0a0e2059;border:1px solid #8fa8e98c;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.55rem 1.2rem;transition:all .22s ease}.demo-portal__back:hover{background:#0a0e208c;transform:translateY(-1px)}.demo-portal__badge{align-items:center;background:#899cf233;border-radius:999px;color:#cbd6ff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.12em;padding:.45rem .9rem;text-transform:uppercase}.demo-portal__heading h1{font-size:clamp(2.1rem,3.6vw,3rem);margin:.25rem 0 .75rem}.demo-portal__heading p{color:#d6dfffc7;line-height:1.6;margin:0;max-width:720px}.demo-portal__body{display:flex;flex:1 1;flex-direction:column;padding:2.5rem 4vw 3rem}.demo-portal__loader{align-items:center;color:#d6dfffcc;display:flex;flex-direction:column;gap:1rem;margin:auto}.demo-portal__spinner{animation:demo-portal-spin 1s linear infinite;border:3px solid #cbd7ff40;border-radius:50%;border-top-color:#9fb3ff;height:3rem;width:3rem}@keyframes demo-portal-spin{to{transform:rotate(1turn)}}.demo-portal__error{background:#200e19b3;border:1px solid #e6789659;border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;margin:auto;max-width:480px;padding:2.5rem;text-align:center}.demo-portal__error-icon{color:#ff96ac;font-size:2.5rem}.demo-portal__error-copy h2{font-size:1.6rem;margin:0}.demo-portal__error-copy p{color:#ffcdd6cc;margin:.5rem 0 0}.demo-portal__retry{align-items:center;align-self:center;background:#381824a6;border:1px solid #e69bac80;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;gap:.55rem;padding:.65rem 1.4rem;transition:all .2s ease}.demo-portal__retry:hover{background:#441c2ce6}.demo-portal__content{display:flex;flex:1 1;flex-direction:column;min-height:0}@media(max-width:720px){.demo-portal__banner{padding:2rem 1.5rem}.demo-portal__body{padding:2rem 1.5rem 2.5rem}}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;padding:var(--space-4) var(--space-8);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:var(--z-sticky)}@media(prefers-reduced-motion:reduce){.app-header{transition:none}}.app-header.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f0f23f2;border-bottom:1px solid #667eea4d;box-shadow:0 4px 20px #0000004d}.app-header .header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.app-header .brand-section{align-items:center;display:flex;flex-shrink:0;gap:1rem}.app-header .brand-section .back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.app-header .brand-section .back-button:hover{background:#ffffff26;transform:translateX(-2px)}.app-header .brand-section .back-button .material-symbols-outlined{font-size:1rem}.app-header .brand-section .logo{align-items:center;display:flex;gap:1rem}.app-header .brand-section .logo .logo-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-glow);display:flex;height:48px;justify-content:center;width:48px}.app-header .brand-section .logo .logo-icon .material-symbols-outlined{color:#fff;font-size:24px;font-weight:600}.app-header .brand-section .logo .brand-text .brand-name{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.app-header .brand-section .logo .brand-text .brand-tagline{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.app-header .nav-tabs{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.25rem}.app-header .nav-tabs .nav-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:var(--transition-smooth)}.app-header .nav-tabs .nav-tab .material-symbols-outlined{font-size:18px;transition:var(--transition-smooth)}.app-header .nav-tabs .nav-tab .tab-text{transition:var(--transition-smooth)}.app-header .nav-tabs .nav-tab:hover{background:var(--glass-bg);color:var(--text-primary)}.app-header .nav-tabs .nav-tab:hover .material-symbols-outlined{transform:scale(1.1)}.app-header .nav-tabs .nav-tab.active{background:var(--primary-gradient);box-shadow:var(--shadow-glow);color:#fff}.app-header .nav-tabs .nav-tab.active .material-symbols-outlined,.app-header .nav-tabs .nav-tab.active .tab-text{font-weight:600}.app-header .status-section{flex-shrink:0}.app-header .status-section .status-indicator{align-items:center;background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.5rem 1rem}.app-header .status-section .status-indicator .status-dot{border-radius:50%;height:8px;width:8px}.app-header .status-section .status-indicator .status-dot.online{animation:statusPulse 2s ease-in-out infinite;background:var(--accent-green);box-shadow:0 0 12px #10b98180}.app-header .status-section .status-indicator .status-dot.offline{background:var(--accent-red);box-shadow:0 0 12px #f5576c80}.app-header .status-section .status-indicator .status-text{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media(max-width:768px){.app-header{padding:var(--space-3)}.app-header .header-content{flex-direction:column;gap:.75rem}.app-header .brand-section{justify-content:center;width:100%}.app-header .brand-section .logo .brand-text .brand-name{font-size:1.25rem}.app-header .nav-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:.25rem;max-width:100vw;overflow-x:auto;padding:.25rem;scrollbar-width:none;width:100%}.app-header .nav-tabs::-webkit-scrollbar{display:none}.app-header .nav-tabs .nav-tab{flex:1 1;font-size:.8rem;justify-content:center;max-width:160px;min-height:56px;min-width:120px;padding:.625rem .5rem;text-overflow:ellipsis;white-space:nowrap}.app-header .nav-tabs .nav-tab .material-symbols-outlined{flex-shrink:0;font-size:1.25rem;margin-bottom:.125rem}.app-header .nav-tabs .nav-tab .tab-text{display:block;font-size:.7rem;line-height:1.2;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-header .nav-tabs .nav-tab:active{transform:scale(.98)}.app-header .status-section{align-self:center}}@media(max-width:480px){.app-header{padding:var(--space-2);z-index:var(--z-fixed)}.app-header .header-content{gap:.5rem}.app-header .brand-section .logo .brand-text .brand-name{font-size:1.125rem}.app-header .brand-section .logo .brand-text .brand-tagline{font-size:.625rem}.app-header .nav-tabs{flex:1 1;gap:.125rem;padding:.125rem}.app-header .nav-tabs .nav-tab{font-size:.75rem;max-width:140px;min-height:50px;min-width:100px;padding:.5rem .25rem}.app-header .nav-tabs .nav-tab .material-symbols-outlined{font-size:1.125rem}.app-header .nav-tabs .nav-tab .tab-text{font-size:.625rem}.app-header .nav-tabs .nav-tab:active{background:var(--primary-gradient);transform:scale(.95)}.app-header .status-section .status-indicator{padding:.375rem .75rem}.app-header .status-section .status-indicator .status-text{font-size:.625rem}}@media(max-width:480px)and (max-height:600px)and (orientation:portrait){.app-header{padding:.25rem}.app-header .header-content{gap:.25rem}.app-header .nav-tabs{gap:.125rem;padding:.125rem}.app-header .nav-tabs .nav-tab{max-width:120px;min-height:44px;min-width:80px;padding:.375rem .125rem}.app-header .nav-tabs .nav-tab .material-symbols-outlined{font-size:1rem;margin-bottom:.125rem}.app-header .nav-tabs .nav-tab .tab-text{font-size:.5625rem;line-height:1.1}}.react-select{background:var(--Neutral-20);height:30px;width:193px}.react-select,.react-select .react-select__single-value{color:var(--Neutral-90)}.react-select .react-select__menu{background:var(--Neutral-20);color:var(--Neutral-90)}.react-select .react-select__option:focus,.react-select .react-select__option:hover,.react-select .react-select_option:focus-within{background:var(--Neutral-30)}.react-select{.react-select__option--is-focused-background:var(--Neutral-30)}.logger{color:var(--gray-300);display:block;max-width:100%;width:100%}.logger .logger-list{overflow-x:hidden;padding:0 0 0 25px;width:calc(100% - 45px)}.logger .user h4{color:var(--Green-500)}.logger .model h4{color:var(--Blue-500)}.logger .rich-log{display:flex;gap:4px;justify-content:center}.logger .rich-log pre{overflow-x:auto}.logger .rich-log{display:block}.logger .rich-log h4{font-size:14px;margin:0;padding:8px 0;text-transform:uppercase}.logger .rich-log h5{border-bottom:1px solid var(--Neutral-20);margin:0;padding-bottom:8px}.logger .rich-log .part{background:var(--Neutral-5);border-radius:8px;color:var(--Neutral-90);margin-bottom:4px;padding:14px}.logger .plain-log>*{padding-right:4px}.logger .inline-code:not(:last-child){font-style:italic}.logger .inline-code:not(:last-child):after{content:", "}.logger li{color:#707577;color:var(--Neutral-50,#707577);display:block;font-family:Space Mono;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:8px 0}.logger li .timestamp{color:var(--Neutral-50);flex-grow:0;flex-shrink:0;width:70px}.logger li .source{flex-shrink:0;font-weight:700}.logger li.receive,.logger li.source-server{color:var(--Blue-500)}.logger li.send:not(.source-server),.logger li.source-client{color:var(--Green-500)}.logger li .count{background-color:var(--Neutral-5);border-radius:8px;color:var(--Blue-500);font-size:x-small;line-height:1em;padding:.3em .5em;vertical-align:middle}.logger li .message{color:var(--Neutral-50);flex-grow:1}.side-panel{background:var(--Neutral-00);border-right:1px solid var(--gray-600);color:#e1e2e3;color:var(--Neutral-90,#e1e2e3);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--font-family);font-size:13px;font-style:normal;font-weight:400;height:100vh;line-height:160%;transition:all .2s ease-in;width:40px}.side-panel .hidden{display:none!important}.side-panel.open .top h2{display:block;left:0;opacity:1}.side-panel .top{align-items:center;border-bottom:1px solid var(--Neutral-20);display:flex;justify-content:space-between;padding:12px 20px 12px 25px;width:calc(100% - 45px)}.side-panel .top h2{transition-behavior:allow-discrete;color:#e1e2e3;color:var(--Neutral-90,#e1e2e3);display:none;font-family:Google Sans;font-size:21px;font-style:normal;font-weight:500;left:-100%;line-height:16px;opacity:0;position:relative;transition:opacity .2s ease-in,left .2s ease-in,display .2s ease-in}@starting-style{.side-panel .top h2{left:0;opacity:1}}.side-panel .opener{height:30px;transition:transform .2s ease-in}.side-panel:not(.open) .side-panel-container{display:none;opacity:0;transition:all allow-discrete .2s ease-in;transition-delay:.1s}.side-panel:not(.open) .indicators .streaming-indicator{opacity:0;width:30px}.side-panel:not(.open) .opener{transform:translate(-50%)}.side-panel:not(.open) .input-container{display:none;opacity:0;transition:all allow-discrete .2s ease-in}.side-panel .indicators{display:flex;gap:21px;justify-content:flex-end;padding:24px 25px}.side-panel .indicators .streaming-indicator{align-items:center;background:#1c1f21;background:var(--Neutral-10,#1c1f21);border:1px solid #2a2f31;border:1px solid var(--Neutral-20,#2a2f31);border-radius:4px;display:flex;flex-shrink:0;font-family:Space Mono;font-size:14px;font-style:normal;font-weight:400;gap:6px;height:30px;justify-content:center;line-height:normal;padding-left:4px;text-align:center;transition:width .2s ease-in;-webkit-user-select:none;user-select:none;width:136px}.side-panel .indicators .streaming-indicator.connected{color:#0d9c53;color:var(--Blue-500,#0d9c53)}.side-panel .side-panel-container{align-self:flex-end;flex-grow:1;overflow-x:hidden;overflow-y:auto;width:400px}.side-panel .input-container{border-top:1px solid var(--Neutral-20);flex-grow:0;flex-shrink:0;height:50px;overflow:hidden;padding:14px 25px}.side-panel .input-container .input-content{background:var(--Neutral-10);border:1px solid var(--Neutral-15);border-radius:10px;height:22px;padding:11px 18px;position:relative}.side-panel .input-container .input-content .send-button{background:none;border:0;color:var(--Neutral-20);cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:color .1s ease-in;z-index:2}.side-panel .input-container .input-content .send-button:hover{color:var(--Neutral-60)}.side-panel .input-container .input-content .input-area{field-sizing:content;--webkit-box-flex:1;background:none;border:0;color:var(--Neutral-90);display:inline-block;flex:1 1;left:0;max-height:20px;outline:none;overflow:auto;padding:14px 18px;position:absolute;resize:none;top:0;width:calc(100% - 72px);word-break:break-word;z-index:2}.side-panel .input-container .input-content .input-content-placeholder{align-items:center;display:flex;height:100%;left:0;padding:0 18px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;white-space:pre-wrap;width:100%;z-index:1}.side-panel .input-container .input-content .attach-button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:18px;padding:8px;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:var(--transition-smooth)}.side-panel .input-container .input-content .attach-button:hover:not(:disabled){background:var(--glass-bg);color:var(--accent-cyan)}.side-panel .input-container .input-content .attach-button:disabled{cursor:not-allowed;opacity:.3}.side-panel .input-container .attached-files{background:var(--glass-bg-dark);border-bottom:1px solid var(--glass-border-dark);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.side-panel .input-container .attached-files .attached-file{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;max-width:200px;padding:.5rem .75rem}.side-panel .input-container .attached-files .attached-file .file-icon{color:var(--accent-cyan);font-size:16px}.side-panel .input-container .attached-files .attached-file .file-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel .input-container .attached-files .attached-file .remove-file{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:2px;transition:var(--transition-fast)}.side-panel .input-container .attached-files .attached-file .remove-file .material-symbols-outlined{font-size:14px}.side-panel .input-container .attached-files .attached-file .remove-file:hover{background:#f5576c1a;color:var(--accent-coral)}.side-panel.open{height:100vh;width:400px}.side-panel-requests,.side-panel-responses{display:block;flex-grow:1;flex-shrink:1;margin-left:8px;overflow-x:hidden;overflow-y:auto;width:100%}.top{align-items:center;align-self:flex-end;display:flex;flex-grow:0;flex-shrink:0;height:30px;transition:all .2s ease-in;width:100%}.top button{background:#0000;border:0;cursor:pointer;font-size:1.25rem;line-height:1.75rem;padding:4px}.file-upload-dropzone{--dropzone-bg:#ffffff08;--dropzone-border:#ffffff1a;--dropzone-border-active:#6366f180;--dropzone-text:#ffffffb3;--dropzone-text-muted:#fff6;--dropzone-accent:#6366f1;--dropzone-success:#22c55e;--dropzone-error:#ef4444;--dropzone-radius:12px}.file-upload-dropzone .dropzone{align-items:center;background:var(--dropzone-bg);border:2px dashed var(--dropzone-border);border-radius:var(--dropzone-radius);cursor:pointer;display:flex;justify-content:center;min-height:160px;padding:2rem;position:relative;transition:all .2s ease}.file-upload-dropzone .dropzone:hover:not(.disabled):not(.uploading){background:#6366f10d;border-color:var(--dropzone-accent)}.file-upload-dropzone .dropzone.drag-active{background:#6366f11a;border-color:var(--dropzone-accent);transform:scale(1.01)}.file-upload-dropzone .dropzone.has-file{background:#22c55e0d;border-color:var(--dropzone-success);border-style:solid}.file-upload-dropzone .dropzone.disabled{cursor:not-allowed;opacity:.5}.file-upload-dropzone .dropzone.uploading{cursor:wait}.file-upload-dropzone .dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.file-upload-dropzone .dropzone-content .material-symbols-outlined{color:var(--dropzone-text-muted);font-size:2.5rem}.file-upload-dropzone .dropzone-content p{color:var(--dropzone-text);font-size:.95rem;margin:0}.file-upload-dropzone .dropzone-content .file-types{color:var(--dropzone-text-muted);font-size:.8rem}.file-upload-dropzone .dropzone-content .error-message{color:var(--dropzone-error);font-size:.85rem;margin-top:.5rem}.file-upload-dropzone .file-preview{align-items:center;display:flex;gap:1rem;padding:.5rem;width:100%}.file-upload-dropzone .file-preview .preview-image,.file-upload-dropzone .file-preview .preview-video{background:#0003;border-radius:8px;height:60px;object-fit:cover;width:80px}.file-upload-dropzone .file-preview .preview-document{align-items:center;background:#6366f11a;border-radius:8px;display:flex;height:60px;justify-content:center;width:80px}.file-upload-dropzone .file-preview .preview-document .material-symbols-outlined{color:var(--dropzone-accent);font-size:2rem}.file-upload-dropzone .file-preview .file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.file-upload-dropzone .file-preview .file-info .filename{color:var(--dropzone-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-dropzone .file-preview .file-info .filesize{color:var(--dropzone-text-muted);font-size:.8rem}.file-upload-dropzone .file-preview .file-info .upload-status{align-items:center;color:var(--dropzone-success);display:inline-flex;font-size:.8rem;gap:.25rem}.file-upload-dropzone .file-preview .file-info .upload-status .material-symbols-outlined{font-size:1rem}.file-upload-dropzone .file-preview .file-info .upload-status.ready{color:var(--dropzone-success)}.file-upload-dropzone .file-preview .file-info .upload-status.processing{color:var(--dropzone-accent)}.file-upload-dropzone .file-preview .file-info .upload-status.error{color:var(--dropzone-error)}.file-upload-dropzone .file-preview .remove-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--dropzone-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-upload-dropzone .file-preview .remove-btn:hover{background:var(--dropzone-error);color:#fff}.file-upload-dropzone .file-preview .remove-btn .material-symbols-outlined{font-size:1.2rem}.file-upload-dropzone .upload-progress{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.file-upload-dropzone .upload-progress .progress-info{align-items:center;color:var(--dropzone-text);display:flex;gap:.5rem}.file-upload-dropzone .upload-progress .progress-info .material-symbols-outlined{color:var(--dropzone-accent);font-size:1.5rem}.file-upload-dropzone .upload-progress .progress-info .material-symbols-outlined.spinning{animation:spin 1s linear infinite}.file-upload-dropzone .upload-progress .progress-info .progress-text{font-size:.95rem}.file-upload-dropzone .upload-progress .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.file-upload-dropzone .upload-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--dropzone-accent),#818cf8);border-radius:3px;height:100%;transition:width .2s ease}.file-upload-dropzone .upload-progress .cancel-btn{background:#0000;border:1px solid var(--dropzone-border);border-radius:6px;color:var(--dropzone-text-muted);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.file-upload-dropzone .upload-progress .cancel-btn:hover{border-color:var(--dropzone-error);color:var(--dropzone-error)}.file-upload-dropzone.video-mode .dropzone-content .material-symbols-outlined{color:#f97316}.file-upload-dropzone.video-mode .dropzone.drag-active,.file-upload-dropzone.video-mode .dropzone:hover:not(.disabled):not(.uploading){background:#f973160d;border-color:#f97316}.file-upload-dropzone.document-mode .dropzone-content .material-symbols-outlined{color:#3b82f6}.file-upload-dropzone.document-mode .dropzone.drag-active,.file-upload-dropzone.document-mode .dropzone:hover:not(.disabled):not(.uploading){background:#3b82f60d;border-color:#3b82f6}.file-upload-dropzone.knowledge-mode .dropzone-content .material-symbols-outlined{color:#a855f7}.file-upload-dropzone.knowledge-mode .dropzone.drag-active,.file-upload-dropzone.knowledge-mode .dropzone:hover:not(.disabled):not(.uploading){background:#a855f70d;border-color:#a855f7}@media(max-width:640px){.file-upload-dropzone .dropzone{min-height:140px;padding:1.5rem}.file-upload-dropzone .dropzone-content .material-symbols-outlined{font-size:2rem}.file-upload-dropzone .dropzone-content p{font-size:.9rem}.file-upload-dropzone .file-preview{flex-direction:column;text-align:center}.file-upload-dropzone .file-preview .file-info{align-items:center}.file-upload-dropzone .file-preview .remove-btn{position:absolute;right:.5rem;top:.5rem}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.report-editor{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.report-editor__header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.report-editor__header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.report-editor__info{flex:1 1}.report-editor__meta{display:flex;font-size:.875rem;gap:1.5rem;opacity:.95}.report-editor__meta .meta-item{align-items:center;display:flex}.report-editor__meta .meta-item.unsaved{animation:pulse 2s ease-in-out infinite;color:gold;font-weight:600}.report-editor__actions{display:flex;gap:.75rem}.report-editor__content{background:#f8f9fa;flex:1 1;overflow:auto;padding:2rem}.report-editor__content .hybrid-editor{display:flex;flex-direction:column;gap:0;height:100%}.report-editor__content .hybrid-editor .table-notice{align-items:center;background:#e7f3ff;border:1px solid #2196f3;border-radius:4px;color:#0d47a1;display:flex;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.report-editor__content .hybrid-editor .text-editor-section{flex:0 0 auto;margin-bottom:0}.report-editor__content .hybrid-editor .text-editor-section .quill{min-height:400px}.report-editor__content .hybrid-editor .text-editor-section .quill .ql-container .ql-editor{min-height:300px}.report-editor__content .hybrid-editor .tables-section-below{flex:0 0 auto;margin-top:2rem}.report-editor__content .hybrid-editor .tables-section-below .section-divider{border-top:3px solid #667eea;margin-bottom:1.5rem;padding:1.5rem 0}.report-editor__content .hybrid-editor .tables-section-below .section-divider .tables-heading{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.report-editor__content .hybrid-editor .tables-section-below .section-divider .tables-hint{color:#666;font-size:.875rem;margin:0}.report-editor__content .hybrid-editor .editable-table-container{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.report-editor__content .hybrid-editor .editable-table-container:last-child{margin-bottom:0}.report-editor__content .hybrid-editor .editable-table-container .table-header{align-items:center;background:#f5f7fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.report-editor__content .hybrid-editor .editable-table-container .table-header .table-label{color:#333;font-size:.9rem;font-weight:600}.report-editor__content .hybrid-editor .editable-table-container .table-header .table-action-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s}.report-editor__content .hybrid-editor .editable-table-container .table-header .table-action-btn:hover{background:#764ba2;transform:translateY(-1px)}.report-editor__content .hybrid-editor .editable-table-container .editable-table{background:#fff;color:#1a1a1a;min-height:100px;outline:none;padding:1rem}.report-editor__content .hybrid-editor .editable-table-container .editable-table:focus{background:#fafbfc}.report-editor__content .hybrid-editor .editable-table-container .editable-table table{border-collapse:collapse;width:100%}.report-editor__content .hybrid-editor .editable-table-container .editable-table table td,.report-editor__content .hybrid-editor .editable-table-container .editable-table table th{border:1px solid #ddd;color:#1a1a1a!important;padding:.75rem;text-align:left}.report-editor__content .hybrid-editor .editable-table-container .editable-table table td *,.report-editor__content .hybrid-editor .editable-table-container .editable-table table th *{color:#1a1a1a!important}.report-editor__content .hybrid-editor .editable-table-container .editable-table table td:focus,.report-editor__content .hybrid-editor .editable-table-container .editable-table table th:focus{background:#f0f4ff;outline:2px solid #667eea}.report-editor__content .hybrid-editor .editable-table-container .editable-table table th{background:#fff3cd;border-bottom:2px solid #ffc107;color:#1a1a1a!important;font-weight:600}.report-editor__content .hybrid-editor .editable-table-container .editable-table table tr:nth-child(2n) td{background:#f9f9f9}.report-editor__content .hybrid-editor .tables-section{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:0 0 auto;margin-top:1rem;padding:1.5rem}.report-editor__content .quill{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%}.report-editor__content .quill .ql-toolbar{background:#fafafa;border:none;border-bottom:1px solid #e0e0e0;padding:12px}.report-editor__content .quill .ql-toolbar .ql-formats{margin-right:15px}.report-editor__content .quill .ql-toolbar button.ql-active,.report-editor__content .quill .ql-toolbar button:hover{color:#667eea}.report-editor__content .quill .ql-container{background:#fff;border:none;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;overflow-y:auto}.report-editor__content .quill .ql-container .ql-editor{background:#fff!important;color:#1a1a1a!important;min-height:400px;padding:2rem}.report-editor__content .quill .ql-container .ql-editor div,.report-editor__content .quill .ql-container .ql-editor li,.report-editor__content .quill .ql-container .ql-editor p,.report-editor__content .quill .ql-container .ql-editor span{color:#1a1a1a!important}.report-editor__content .quill .ql-container .ql-editor h1{color:#1a1a1a!important;font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem}.report-editor__content .quill .ql-container .ql-editor h2{color:#1a1a1a!important;font-size:1.5rem;font-weight:600;margin-bottom:.75rem;margin-top:1.25rem}.report-editor__content .quill .ql-container .ql-editor h3{color:#1a1a1a!important;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.report-editor__content .quill .ql-container .ql-editor p{color:#1a1a1a!important;line-height:1.6;margin-bottom:1rem}.report-editor__content .quill .ql-container .ql-editor ol,.report-editor__content .quill .ql-container .ql-editor ul{margin-bottom:1rem;padding-left:2rem}.report-editor__content .quill .ql-container .ql-editor li{color:#1a1a1a!important;margin-bottom:.5rem}.report-editor__content .quill .ql-container .ql-editor strong{color:#1a1a1a!important;font-weight:600}.report-editor__content .quill .ql-container .ql-editor em{font-style:italic}.report-editor__content .quill .ql-container .ql-editor a{color:#667eea!important;text-decoration:underline}.report-editor__content .quill .ql-container .ql-editor a:hover{color:#764ba2!important}.report-editor__content .quill .ql-container .ql-editor blockquote{border-left:4px solid #667eea;color:#555!important;font-style:italic;margin-left:0;padding-left:1rem}.report-editor__content .quill .ql-container .ql-editor pre{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;overflow-x:auto;padding:1rem}.report-editor__content .quill .ql-container .ql-editor pre code{background:#0000;color:#1a1a1a!important;font-family:Courier New,monospace}.report-editor__content .quill .ql-container .ql-editor code{background:#f5f5f5;border-radius:3px;color:#1a1a1a!important;font-family:Courier New,monospace;padding:.2rem .4rem}.report-editor__content .quill .ql-container .ql-editor table{background:#fff;border-collapse:collapse;margin:1rem 0;table-layout:auto;width:100%}.report-editor__content .quill .ql-container .ql-editor table td,.report-editor__content .quill .ql-container .ql-editor table th{background:#fff;border:1px solid #ddd;color:#1a1a1a!important;min-width:50px;padding:.75rem;position:relative;text-align:left;vertical-align:top}.report-editor__content .quill .ql-container .ql-editor table th{background:#f5f5f5;border-bottom:2px solid #667eea;font-weight:600}.report-editor__content .quill .ql-container .ql-editor table tbody tr:nth-child(2n) td{background:#f9f9f9}.report-editor__content .quill .ql-container .ql-editor table tbody tr:hover td{background:#f0f4ff}.report-editor__content .quill .ql-container .ql-editor *{color:inherit}.report-editor__preview{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:2rem}.report-editor__preview .preview-content{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.report-editor__preview .preview-content h1,.report-editor__preview .preview-content h2,.report-editor__preview .preview-content h3,.report-editor__preview .preview-content h4,.report-editor__preview .preview-content h5,.report-editor__preview .preview-content h6{color:#1a1a1a;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.report-editor__preview .preview-content h1{border-bottom:2px solid #667eea;font-size:2rem;padding-bottom:.5rem}.report-editor__preview .preview-content h2{font-size:1.5rem}.report-editor__preview .preview-content h3{font-size:1.25rem}.report-editor__preview .preview-content p{margin-bottom:1rem}.report-editor__preview .preview-content ol,.report-editor__preview .preview-content ul{margin-bottom:1rem;padding-left:2rem}.report-editor__preview .preview-content li{margin-bottom:.5rem}.report-editor__preview .preview-content strong{color:#1a1a1a;font-weight:600}.report-editor__preview .preview-content em{font-style:italic}.report-editor__preview .preview-content a{color:#667eea;text-decoration:none}.report-editor__preview .preview-content a:hover{text-decoration:underline}.report-editor__preview .preview-content table{border-collapse:collapse;margin:1rem 0;width:100%}.report-editor__preview .preview-content table td,.report-editor__preview .preview-content table th{border:1px solid #ddd;padding:.75rem;text-align:left}.report-editor__preview .preview-content table th{background:#f5f5f5;border-bottom:2px solid #667eea;font-weight:600}.report-editor__preview .preview-content table tr:nth-child(2n){background:#f9f9f9}.report-editor__footer{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.report-editor__footer .footer-left{flex:1 1}.report-editor__footer .footer-left .tip{color:#666;font-size:.875rem;margin:0}.report-editor__footer .footer-actions{display:flex;gap:.75rem}.report-editor .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.report-editor .btn:disabled{cursor:not-allowed;opacity:.5}.report-editor .btn:not(:disabled):hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.report-editor .btn:not(:disabled):active{transform:translateY(0)}.report-editor .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.report-editor .btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.report-editor .btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}@media(max-width:768px){.report-editor__header{align-items:flex-start;flex-direction:column;gap:1rem}.report-editor__meta{flex-direction:column;gap:.5rem}.report-editor__actions{width:100%}.report-editor__actions button{flex:1 1}.report-editor__footer{flex-direction:column;gap:1rem}.report-editor__footer .footer-left{width:100%}.report-editor__footer .footer-actions{flex-direction:column;width:100%}.report-editor__footer .footer-actions button{width:100%}.report-editor__content,.report-editor__content .quill .ql-container .ql-editor{padding:1rem}}.video-chapters-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.video-chapters-overlay.minimized{bottom:20px;height:auto;left:auto;position:fixed;right:20px;top:auto;width:auto}.video-chapters-overlay.minimized .minimized-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.video-chapters-overlay.minimized .minimized-header:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.video-chapters-overlay.minimized .minimized-header .material-symbols-outlined{font-size:20px}.video-chapters-overlay.minimized .minimized-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;margin-left:auto;padding:4px 8px;transition:background .2s}.video-chapters-overlay.minimized .minimized-header .close-btn:hover{background:#ffffff4d}.video-chapters-overlay .overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.video-chapters-overlay .overlay-content{background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;position:relative;width:90%;z-index:10001}.video-chapters-overlay .overlay-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.video-chapters-overlay .overlay-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.video-chapters-overlay .overlay-header h2 .material-symbols-outlined{font-size:24px}.video-chapters-overlay .overlay-header .header-actions{display:flex;gap:8px}.video-chapters-overlay .overlay-header .header-actions button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;padding:8px;transition:background .2s}.video-chapters-overlay .overlay-header .header-actions button:hover{background:#ffffff4d}.video-chapters-overlay .overlay-header .header-actions button .material-symbols-outlined{font-size:20px}.video-chapters-overlay .overlay-body{grid-gap:0;display:grid;gap:0;grid-template-columns:2fr 1fr;max-height:calc(90vh - 80px);overflow:hidden}@media(max-width:1024px){.video-chapters-overlay .overlay-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.video-chapters-overlay .video-section{background:#000;display:flex;flex-direction:column;position:relative}.video-chapters-overlay .video-section .video-container{display:flex;flex-direction:column;position:relative;width:100%}.video-chapters-overlay .video-section .chapter-video-player{background:#000;display:block;height:auto;max-height:calc(90vh - 80px);width:100%}.video-chapters-overlay .video-section .video-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:400px;justify-content:center}.video-chapters-overlay .video-section .video-placeholder .material-symbols-outlined{font-size:48px;margin-bottom:16px}.video-chapters-overlay .video-section .chapter-timeline{bottom:45px;height:12px;left:12px;pointer-events:none;position:absolute;right:12px;z-index:100}.video-chapters-overlay .video-section .chapter-timeline .timeline-track{background:#ffffff26;border-radius:6px;height:100%;overflow:visible;position:relative;width:100%}.video-chapters-overlay .video-section .chapter-timeline .timeline-track .chapter-marker{background:#667eea99;border:1px solid #ffffff4d;border-radius:4px;cursor:pointer;height:100%;pointer-events:all;position:absolute;top:0;transition:background .2s,height .2s}.video-chapters-overlay .video-section .chapter-timeline .timeline-track .chapter-marker:hover{background:#667eeacc;height:120%;top:-10%}.video-chapters-overlay .video-section .chapter-timeline .timeline-track .chapter-marker.active{background:#667eea;box-shadow:0 0 8px #667eeacc;height:120%;top:-10%}.video-chapters-overlay .chapters-section{background:#1e1e1e;border-left:1px solid #333;max-height:calc(90vh - 80px);overflow-x:hidden;overflow-y:auto;padding:24px}.video-chapters-overlay .chapters-section::-webkit-scrollbar{width:8px}.video-chapters-overlay .chapters-section::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.video-chapters-overlay .chapters-section::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.video-chapters-overlay .chapters-section::-webkit-scrollbar-thumb:hover{background:#5568d3}@media(max-width:1024px){.video-chapters-overlay .chapters-section{border-left:none;border-top:1px solid #333;max-height:400px}}.video-chapters-overlay .chapters-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.video-chapters-overlay .chapters-section .empty-state,.video-chapters-overlay .chapters-section .error-state,.video-chapters-overlay .chapters-section .loading-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.video-chapters-overlay .chapters-section .empty-state .material-symbols-outlined,.video-chapters-overlay .chapters-section .error-state .material-symbols-outlined,.video-chapters-overlay .chapters-section .loading-state .material-symbols-outlined{color:#666;font-size:48px;margin-bottom:16px}.video-chapters-overlay .chapters-section .empty-state .material-symbols-outlined.spin,.video-chapters-overlay .chapters-section .error-state .material-symbols-outlined.spin,.video-chapters-overlay .chapters-section .loading-state .material-symbols-outlined.spin{animation:spin 1s linear infinite}.video-chapters-overlay .chapters-section .empty-state .analyzing-note,.video-chapters-overlay .chapters-section .error-state .analyzing-note,.video-chapters-overlay .chapters-section .loading-state .analyzing-note{color:#888;font-size:12px;font-style:italic;margin-top:12px;max-width:300px}.video-chapters-overlay .chapters-section .empty-state button,.video-chapters-overlay .chapters-section .error-state button,.video-chapters-overlay .chapters-section .loading-state button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 16px;transition:background .2s}.video-chapters-overlay .chapters-section .empty-state button:hover,.video-chapters-overlay .chapters-section .error-state button:hover,.video-chapters-overlay .chapters-section .loading-state button:hover{background:#5568d3}.video-chapters-overlay .chapters-section .chapters-list{display:flex;flex-direction:column;gap:12px}.video-chapters-overlay .chapters-section .chapter-item{background:#2a2a2a;border:1px solid #333;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.video-chapters-overlay .chapters-section .chapter-item:hover{background:#333;border-color:#667eea;transform:translateX(4px)}.video-chapters-overlay .chapters-section .chapter-item.active{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.video-chapters-overlay .chapters-section .chapter-item .chapter-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.video-chapters-overlay .chapters-section .chapter-item .chapter-header .chapter-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.video-chapters-overlay .chapters-section .chapter-item .chapter-header .chapter-title{color:#fff;flex:1 1;font-size:16px;font-weight:600;margin:0}.video-chapters-overlay .chapters-section .chapter-item .chapter-header .chapter-time{color:#999;flex-shrink:0;font-size:12px;font-weight:500}.video-chapters-overlay .chapters-section .chapter-item .chapter-description{color:#bbb;font-size:14px;line-height:1.5;margin:0;padding-left:40px}.chapters-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.chapters-button .material-symbols-outlined{font-size:20px}.chapters-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d91);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.chapters-button:active:not(:disabled){box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.chapters-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.chunked-upload-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1rem}.chunked-upload-progress .progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.chunked-upload-progress .progress-info .progress-filename{color:var(--text-primary);font-size:.95rem;font-weight:600}.chunked-upload-progress .progress-info .progress-status{color:var(--text-secondary);font-size:.85rem}.chunked-upload-progress .progress-bar-wrapper{background:#0003;border-radius:12px;height:24px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.chunked-upload-progress .progress-bar-wrapper .progress-bar{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;min-width:30px;position:relative;transition:width .3s ease}.chunked-upload-progress .progress-bar-wrapper .progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.chunked-upload-progress .progress-bar-wrapper .progress-bar .progress-text{color:#fff;font-size:.75rem;font-weight:700;position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.chunked-upload-progress .progress-stats{color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.chunked-upload-progress .progress-stats .progress-stat{align-items:center;display:flex;gap:.25rem}.report-commissioning{-webkit-overflow-scrolling:touch;background:#0000;min-height:100vh;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.report-commissioning::-webkit-scrollbar{width:8px}.report-commissioning::-webkit-scrollbar-track{background:#0000}.report-commissioning::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.report-commissioning::-webkit-scrollbar-thumb:hover{background:var(--glass-border-dark)}.report-commissioning .report-commissioning-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;min-height:-webkit-fit-content;min-height:fit-content;overscroll-behavior-y:contain;padding-bottom:4rem;touch-action:pan-y}.report-commissioning .section-header{margin-bottom:1rem;text-align:center}.report-commissioning .section-header .section-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.report-commissioning .section-header .section-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.report-commissioning .error-message{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5576c1a;border:1px solid #f5576c4d;border-radius:var(--radius-lg);color:var(--accent-coral);display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem}.report-commissioning .error-message .material-symbols-outlined{font-size:20px}.report-commissioning .upload-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.report-commissioning .upload-section{grid-template-columns:1fr}}.report-commissioning .upload-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-smooth)}.report-commissioning .upload-card:hover{border-color:var(--glass-border-dark);box-shadow:var(--shadow-md)}.report-commissioning .upload-card .upload-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0 0 1rem}.report-commissioning .upload-card .upload-title .material-symbols-outlined{color:var(--accent-cyan);font-size:24px}.report-commissioning .dropzone{background:var(--glass-bg-dark);border:2px dashed var(--glass-border);border-radius:var(--radius-md);cursor:pointer;padding:2rem;text-align:center;transition:var(--transition-smooth)}.report-commissioning .dropzone:hover{background:#4facfe0d;border-color:var(--accent-cyan)}.report-commissioning .dropzone.active{background:#4facfe1a;border-color:var(--accent-cyan);box-shadow:0 0 20px #4facfe33}.report-commissioning .dropzone.completed{background:#10b9810d;border-color:var(--accent-green)}.report-commissioning .dropzone.uploading{animation:pulse 2s ease-in-out infinite;background:#4facfe0d;border-color:var(--accent-blue)}.report-commissioning .dropzone.processing{animation:pulse 3s ease-in-out infinite;background:#4facfe08;border-color:var(--accent-blue)}.report-commissioning .dropzone .dropzone-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.report-commissioning .dropzone .dropzone-content .material-symbols-outlined{color:var(--text-secondary);font-size:48px;transition:var(--transition-smooth)}.report-commissioning .dropzone .dropzone-content p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.report-commissioning .dropzone .dropzone-content .file-types{color:var(--text-muted);font-size:.875rem;font-weight:400}.report-commissioning .dropzone .uploading-file{align-items:center;display:flex;gap:1rem;padding:1rem}.report-commissioning .dropzone .uploading-file .upload-spinner{animation:spin 1s linear infinite;border:4px solid #4facfe33;border-radius:50%;border-top:4px solid var(--accent-blue);height:48px;width:48px}.report-commissioning .dropzone .uploading-file .upload-info{flex:1 1;text-align:left}.report-commissioning .dropzone .uploading-file .upload-info .upload-filename{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.report-commissioning .dropzone .uploading-file .upload-info .upload-status{animation:pulse 2s ease-in-out infinite;color:var(--accent-blue);font-size:.875rem;font-weight:500;margin:0}.report-commissioning .dropzone .uploaded-file{align-items:center;display:flex;gap:1rem}.report-commissioning .dropzone .uploaded-file .material-symbols-outlined{color:var(--accent-green);font-size:48px}.report-commissioning .dropzone .uploaded-file .file-info{flex:1 1;text-align:left}.report-commissioning .dropzone .uploaded-file .file-info .filename{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.report-commissioning .dropzone .uploaded-file .file-info .filesize{color:var(--text-secondary);font-size:.875rem;margin:0}.report-commissioning .dropzone .uploaded-file .file-info .ai-status{color:var(--accent-green);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.report-commissioning .dropzone .uploaded-file .file-actions{align-items:center;display:flex;gap:.5rem}.report-commissioning .dropzone .uploaded-file .file-actions .preview-button,.report-commissioning .dropzone .uploaded-file .file-actions .remove-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.report-commissioning .dropzone .uploaded-file .file-actions .preview-button .material-symbols-outlined,.report-commissioning .dropzone .uploaded-file .file-actions .remove-button .material-symbols-outlined{font-size:1rem}.report-commissioning .dropzone .uploaded-file .file-actions .preview-button{background:var(--accent-gradient);box-shadow:0 2px 8px #4facfe4d;color:#fff}.report-commissioning .dropzone .uploaded-file .file-actions .preview-button:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.report-commissioning .dropzone .uploaded-file .file-actions .remove-button{background:#f5576c1a;border:1px solid #f5576c4d;color:var(--accent-coral)}.report-commissioning .dropzone .uploaded-file .file-actions .remove-button .material-symbols-outlined{color:var(--accent-coral)}.report-commissioning .dropzone .uploaded-file .file-actions .remove-button:hover{background:#f5576c26;transform:translateY(-1px)}.report-commissioning .dropzone .uploaded-file .file-actions .preview-unavailable{align-items:center;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.8rem;gap:.25rem;opacity:.7;padding:.5rem .75rem}.report-commissioning .dropzone .uploaded-file .file-actions .preview-unavailable .material-symbols-outlined{font-size:1rem;opacity:.5}.report-commissioning .dropzone .uploaded-file .file-actions .preview-unavailable .text-sm{font-size:.75rem}.report-commissioning .dropzone:hover .dropzone-content .material-symbols-outlined{color:var(--accent-cyan);transform:scale(1.1)}.report-commissioning .prompt-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem}.report-commissioning .prompt-section .prompt-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0 0 1rem}.report-commissioning .prompt-section .prompt-title .material-symbols-outlined{color:var(--accent-pink);font-size:24px}.report-commissioning .prompt-section .prompt-textarea{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:.875rem;line-height:1.5;padding:1rem;resize:vertical;transition:var(--transition-smooth);width:100%}.report-commissioning .prompt-section .prompt-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #4facfe1a;outline:none}.report-commissioning .prompt-section .prompt-textarea::placeholder{color:var(--text-muted)}.report-commissioning .prompt-section .prompt-textarea:disabled{cursor:not-allowed;opacity:.5}.report-commissioning .quick-start-section{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0;padding:1.5rem 1rem;position:relative}.report-commissioning .quick-start-section .quick-start-header{margin-bottom:.5rem;text-align:center}.report-commissioning .quick-start-section .quick-start-header .material-symbols-outlined{color:var(--accent-cyan);display:block;font-size:2rem;margin-bottom:.5rem}.report-commissioning .quick-start-section .quick-start-header .quick-start-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;color:var(--text-primary);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.report-commissioning .quick-start-section .quick-start-header .quick-start-subtitle{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500}.report-commissioning .quick-start-section:before{background:linear-gradient(135deg,#667eea1a,#4facfe1a);border-radius:var(--radius-lg);bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@media(max-width:768px){.report-commissioning .quick-start-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea1a,#4facfe1a);border:2px solid #667eea4d;border-radius:var(--radius-xl);box-shadow:0 4px 20px #667eea33;margin:1rem 0;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:80px;z-index:10}.report-commissioning .quick-start-section:before{background:linear-gradient(135deg,#667eea33,#4facfe33);opacity:1}.report-commissioning .quick-start-section{animation:mobileFloat 4s ease-in-out infinite}.report-commissioning .quick-start-section .quick-start-header{margin-bottom:.25rem}.report-commissioning .quick-start-section .quick-start-header .quick-start-title{font-size:1.2rem}.report-commissioning .quick-start-section .quick-start-header .quick-start-subtitle{font-size:.9rem}}@media(max-width:480px){.report-commissioning .quick-start-section{margin:.75rem 0;padding:1.25rem .75rem;top:70px}.report-commissioning .quick-start-section .quick-start-header .quick-start-title{font-size:1.1rem}.report-commissioning .quick-start-section .quick-start-header .quick-start-subtitle{font-size:.85rem}}@keyframes mobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.report-commissioning .language-selector{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.report-commissioning .language-selector label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.report-commissioning .language-selector label .material-symbols-outlined{color:var(--accent-blue);font-size:1.2rem}.report-commissioning .language-selector select{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.report-commissioning .language-selector select:hover:not(:disabled){border-color:var(--accent-blue);box-shadow:0 4px 12px #4facfe33}.report-commissioning .language-selector select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4facfe1a;outline:none}.report-commissioning .language-selector select:disabled{cursor:not-allowed;opacity:.5}.report-commissioning .language-selector select option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}@media(max-width:768px){.report-commissioning .language-selector{min-width:0;min-width:auto;width:100%}}.report-commissioning .template-fill-option{align-items:center;display:flex}.report-commissioning .template-fill-option label{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.report-commissioning .template-fill-option label:hover:not(.disabled){border-color:var(--accent-blue);box-shadow:0 4px 12px #4facfe33}.report-commissioning .template-fill-option label.disabled{cursor:not-allowed;opacity:.5}.report-commissioning .template-fill-option label input[type=checkbox]{accent-color:var(--accent-blue);cursor:pointer;height:1rem;width:1rem}.report-commissioning .template-fill-option label input[type=checkbox]:disabled{cursor:not-allowed}.report-commissioning .template-fill-option label .material-symbols-outlined{color:var(--accent-blue);font-size:1.2rem}.report-commissioning .template-fill-option label .hint{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-left:.25rem}@media(max-width:768px){.report-commissioning .template-fill-option{width:100%}.report-commissioning .template-fill-option label{justify-content:center;width:100%}}.report-commissioning .action-section{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}@media(max-width:768px){.report-commissioning .action-section{align-items:stretch;flex-direction:column;gap:.75rem}.report-commissioning .action-section .generate-button.sample-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eeab3;box-shadow:0 4px 15px #667eea4d;font-size:1rem;font-weight:700;padding:1rem 1.5rem;text-shadow:0 1px 2px #0000001a}.report-commissioning .action-section .generate-button.sample-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.report-commissioning .action-section .generate-button.sample-button .material-symbols-outlined{color:#fff;font-size:20px}.report-commissioning .action-section .generate-button.sample-button{animation:sampleButtonPulse 3s ease-in-out infinite}}@media(max-width:768px)and (max-width:768px){.report-commissioning .action-section .generate-button.sample-button{overflow:hidden;position:relative}.report-commissioning .action-section .generate-button.sample-button:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}.report-commissioning .action-section .generate-button.sample-button span{position:relative;z-index:2}.report-commissioning .action-section .generate-button.sample-button .mobile-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:10px;box-shadow:0 2px 8px #667eea33;color:#667eea;display:none;display:inline-block;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem}}@keyframes sampleButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.report-commissioning .generate-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:var(--transition-smooth)}.report-commissioning .generate-button .material-symbols-outlined{font-size:18px}.report-commissioning .generate-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.report-commissioning .generate-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.report-commissioning .generate-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.report-commissioning .generate-button.sample-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea80}.report-commissioning .generate-button.sample-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea4d}.report-commissioning .generation-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);display:flex;gap:.5rem;max-width:400px;padding:.75rem 1rem;text-align:center}.report-commissioning .generation-status .status-icon{flex-shrink:0;font-size:1.25rem}.report-commissioning .generation-status .status-message{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4}.report-commissioning .reset-button{align-items:center;background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:var(--transition-smooth)}.report-commissioning .reset-button .material-symbols-outlined{font-size:18px}.report-commissioning .reset-button:hover:not(:disabled){background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary)}.report-commissioning .reset-button:disabled{cursor:not-allowed;opacity:.5}.action-row{display:flex;gap:.75rem;justify-content:center;margin:.5rem 0 .25rem}.action-row .use-samples-button{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:var(--transition-smooth)}.action-row .use-samples-button .material-symbols-outlined{color:var(--accent-cyan);font-size:18px}.action-row .use-samples-button:hover:not(:disabled){background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-row .use-samples-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.result-section{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem}.result-section .result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.result-section .result-header{align-items:stretch;flex-direction:column;gap:1rem}}.result-section .result-header .result-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.result-section .result-header .result-title .material-symbols-outlined{color:var(--accent-green);font-size:24px}.result-section .result-header .result-actions{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.result-section .result-header .result-actions{justify-content:stretch}.result-section .result-header .result-actions .download-button,.result-section .result-header .result-actions .preview-button{flex:1 1}}.result-section .result-header .download-button,.result-section .result-header .preview-button{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition-smooth)}.result-section .result-header .download-button .material-symbols-outlined,.result-section .result-header .preview-button .material-symbols-outlined{font-size:18px}.result-section .result-header .download-button:hover,.result-section .result-header .preview-button:hover{transform:translateY(-2px)}.result-section .result-header .preview-button{background:linear-gradient(135deg,#667eea,#764ba2)}.result-section .result-header .preview-button:hover{box-shadow:0 8px 25px #667eea66}.result-section .result-header .download-button{background:var(--accent-gradient)}.result-section .result-header .download-button:hover{box-shadow:var(--shadow-glow-cyan)}.result-section .report-preview{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-md);padding:1.5rem}.result-section .report-preview .report-content{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap}.result-section .report-preview .pdf-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;max-width:none;padding:1rem;width:100%}.result-section .report-preview .pdf-preview iframe{background:#fff;border:none;border-radius:8px;box-shadow:var(--shadow-lg);display:block;max-height:80vh;min-height:60vh;overflow:hidden;width:100%}.result-section .report-preview .pdf-preview .pdf-loading{align-items:center;display:flex;justify-content:center;max-height:80vh;min-height:60vh;width:100%}.result-section .report-preview .pdf-preview .pdf-loading .loading-message{color:var(--text-secondary);text-align:center}.result-section .report-preview .pdf-preview .pdf-loading .loading-message .material-symbols-outlined{color:var(--accent-blue);font-size:3rem;margin-bottom:1rem;opacity:.7}.result-section .report-preview .pdf-preview .pdf-loading .loading-message p{font-size:1rem;font-weight:500;margin:0 0 1.5rem}.result-section .report-preview .pdf-preview .pdf-loading .loading-message .fallback-download{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.result-section .report-preview .pdf-preview .pdf-loading .loading-message .fallback-download:hover{box-shadow:0 8px 25px #4facfe4d;transform:translateY(-2px)}.result-section .report-preview .pdf-preview .pdf-loading .loading-message .fallback-download .material-symbols-outlined{font-size:1.2rem}.result-section .report-preview .pdf-preview p{color:var(--text-secondary);font-size:.875rem;margin:1rem 0;text-align:center}.result-section .report-preview .pdf-preview p a{color:var(--accent-blue);text-decoration:none}.result-section .report-preview .pdf-preview p a:hover{text-decoration:underline}@media(max-width:768px){.report-commissioning{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;max-height:none;min-height:-webkit-fit-content;min-height:fit-content;overflow-x:hidden;overflow-y:auto;padding:1rem;scroll-behavior:smooth;scroll-padding-bottom:3rem;scroll-padding-top:1rem;scrollbar-width:none}.report-commissioning::-webkit-scrollbar{display:none}.report-commissioning .report-commissioning-container{gap:1.5rem;min-height:-webkit-fit-content;min-height:fit-content;padding-bottom:4rem}.report-commissioning .section-header .section-title{font-size:2rem}.report-commissioning .section-header .section-description{font-size:1rem}.report-commissioning .result-section .report-preview .pdf-preview{padding:.5rem}.report-commissioning .result-section .report-preview .pdf-preview iframe{border-radius:4px;max-height:70vh;min-height:50vh}.report-commissioning .result-section .report-preview .pdf-preview .pdf-loading{max-height:70vh;min-height:50vh}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-modal{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-8);position:fixed;right:0;top:0;z-index:var(--z-modal)}.preview-modal .preview-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.preview-modal .preview-modal-content .preview-modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.preview-modal .preview-modal-content .preview-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal .preview-modal-content .preview-modal-header .close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.preview-modal .preview-modal-content .preview-modal-header .close-button .material-symbols-outlined{font-size:1.5rem}.preview-modal .preview-modal-content .preview-modal-header .close-button:hover{background:#ffffff1a;color:var(--text-primary)}.preview-modal .preview-modal-content .preview-modal-body{background:#0003;padding:0}.preview-modal .preview-modal-content .preview-modal-body .preview-document,.preview-modal .preview-modal-content .preview-modal-body .preview-video{background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.preview-modal .preview-modal-content .preview-modal-body .preview-video{display:block;outline:none}.preview-modal .preview-modal-content .preview-modal-body .preview-document{display:block}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.preview-modal{padding:1rem}.preview-modal .preview-modal-content{max-height:85vh;width:95%}.preview-modal .preview-modal-content .preview-modal-header{padding:1rem 1.5rem}.preview-modal .preview-modal-content .preview-modal-header h3{font-size:1rem}.preview-modal .preview-modal-content .preview-modal-header .close-button .material-symbols-outlined{font-size:1.25rem}.preview-modal .preview-modal-content .preview-modal-body .preview-document,.preview-modal .preview-modal-content .preview-modal-body .preview-video{height:60vh!important;max-height:60vh!important}}@media(max-width:480px){.report-commissioning{max-height:none;min-height:-webkit-fit-content;min-height:fit-content;padding:.75rem}.report-commissioning .report-commissioning-container{gap:1rem;padding-bottom:3rem}.report-commissioning .section-header .section-title{font-size:1.75rem;margin-bottom:.25rem}.report-commissioning .section-header .section-description{font-size:.9rem}.report-commissioning .upload-card{padding:1rem}.report-commissioning .upload-card .upload-title{font-size:1.1rem;margin-bottom:.75rem}.report-commissioning .upload-card .dropzone{min-height:120px;padding:1rem}.report-commissioning .upload-card .dropzone .dropzone-content .material-symbols-outlined{font-size:32px}.report-commissioning .upload-card .dropzone .dropzone-content p{font-size:.85rem}.report-commissioning .upload-card .dropzone .upload-text{font-size:.8rem}.report-commissioning .result-section .report-preview .pdf-preview{padding:.25rem}.report-commissioning .result-section .report-preview .pdf-preview .pdf-loading,.report-commissioning .result-section .report-preview .pdf-preview iframe{max-height:65vh;min-height:45vh}.version-switcher{margin:1.5rem 0 1rem}.version-switcher .version-tabs{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.version-switcher .version-tabs .version-tab{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.version-switcher .version-tabs .version-tab:hover{background:var(--glass-bg-light);border-color:var(--accent-cyan);transform:translateY(-2px)}.version-switcher .version-tabs .version-tab.active{background:var(--accent-gradient);border-color:#0000;box-shadow:0 4px 15px #4facfe4d;color:#fff}.version-switcher .version-tabs .version-tab .version-badge{background:#fff3;border-radius:10px;font-size:.7rem;font-weight:600;padding:.15rem .5rem}.refinement-panel{background:linear-gradient(135deg,#14141ef2,#1e1e2df2)!important;border:1px solid #4facfe33!important;border-radius:16px!important;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a!important;margin:2rem 0 1rem!important;overflow:hidden!important;padding:2rem!important;position:relative!important}.refinement-panel:before{background:var(--accent-gradient);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.refinement-panel .refinement-header{margin-bottom:1.25rem}.refinement-panel .refinement-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:600;gap:.625rem;letter-spacing:.01em;margin:0 0 .5rem}.refinement-panel .refinement-header h3:before{content:"✨";filter:drop-shadow(0 0 8px rgba(79,172,254,.5));font-size:1.4rem}.refinement-panel .refinement-header p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.refinement-panel .refinement-textarea{background:#0a0a1499!important;border:1.5px solid #4facfe33!important;border-radius:12px!important;box-shadow:inset 0 2px 8px #0000004d,0 1px 2px #0000001a!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:.95rem!important;line-height:1.7!important;min-height:120px!important;padding:1.25rem!important;resize:vertical!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.refinement-panel .refinement-textarea:hover:not(:disabled){background:#0f0f19b3;border-color:#4facfe59}.refinement-panel .refinement-textarea:focus{background:#0f0f19cc;border-color:var(--accent-cyan);box-shadow:inset 0 2px 8px #0000004d,0 0 0 3px #4facfe26,0 4px 12px #4facfe33;outline:none;transform:translateY(-1px)}.refinement-panel .refinement-textarea:disabled{cursor:not-allowed;opacity:.5}.refinement-panel .refinement-textarea::placeholder{color:#96a0b480;font-style:italic}.refinement-panel .refinement-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem}.refinement-panel .refinement-actions .refine-button{align-items:center!important;background:linear-gradient(135deg,#4facfe,#00f2fe)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #4facfe66,inset 0 1px 0 #fff3!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.95rem!important;font-weight:600!important;gap:.625rem!important;justify-content:center!important;overflow:hidden!important;padding:1rem 2rem!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.refinement-panel .refinement-actions .refine-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.refinement-panel .refinement-actions .refine-button:hover:not(.disabled){box-shadow:0 8px 30px #4facfe80,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.refinement-panel .refinement-actions .refine-button:hover:not(.disabled):before{left:100%}.refinement-panel .refinement-actions .refine-button:active:not(.disabled){transform:translateY(-1px) scale(.98)}.refinement-panel .refinement-actions .refine-button.disabled{background:#3c465a80;box-shadow:none;color:#96a0b4b3;cursor:not-allowed;opacity:.4;transform:none}.refinement-panel .refinement-actions .refine-button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.refinement-panel .refinement-actions .refine-button .material-symbols-outlined{font-size:1.3rem;font-variation-settings:"FILL" 1}.refinement-panel .refinement-actions .refinement-hint{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-style:italic;gap:.375rem}.refinement-panel .refinement-actions .refinement-hint:before{content:"💡";font-size:1rem}.max-versions-message{align-items:center;background:#4facfe1a;border:1px solid #4facfe4d;border-radius:var(--radius-md);color:var(--accent-cyan);display:flex;font-size:.9rem;gap:.75rem;margin:1.5rem 0;padding:1rem 1.5rem}.max-versions-message .material-symbols-outlined{font-size:1.5rem}}.report-commissioning .refinement-panel{background:linear-gradient(135deg,#14141e,#1e1e2d)!important;border:2px solid #4facfe!important;border-radius:16px!important;box-shadow:0 8px 32px #00000080!important;margin:2rem 0 1rem!important;padding:2rem!important}.report-commissioning .refinement-textarea{background:#0a0a14!important;border:2px solid #4facfe!important;border-radius:12px!important;color:#fff!important;font-size:.95rem!important;min-height:120px!important;padding:1.25rem!important;width:100%!important}.report-commissioning .refine-button{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #4facfe99!important;color:#fff!important;font-size:.95rem!important;font-weight:600!important;padding:1rem 2rem!important}.video-source-options{display:flex;flex-direction:column;gap:1.5rem}.video-source-options .or-divider{padding:1rem 0;position:relative;text-align:center}.video-source-options .or-divider:after,.video-source-options .or-divider:before{background:var(--Neutral-30);content:"";height:1px;position:absolute;top:50%;width:40%}.video-source-options .or-divider:before{left:0}.video-source-options .or-divider:after{right:0}.video-source-options .or-divider span{background:var(--bg-primary);color:var(--Neutral-50);font-size:.9rem;font-weight:600;padding:0 1rem}.video-source-options .recording-options{display:flex;gap:1rem;justify-content:center}.video-source-options .recording-options .record-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;padding:2rem 1.5rem;transition:all .3s ease}.video-source-options .recording-options .record-button .material-symbols-outlined{font-size:3rem}.video-source-options .recording-options .record-button:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 8px 30px #667eea80;transform:translateY(-4px)}.video-source-options .recording-options .record-button:active:not(:disabled){transform:translateY(-2px)}.video-source-options .recording-options .record-button:disabled{cursor:not-allowed;opacity:.5}.video-source-options .recording-options .record-button.screen-button{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 20px #4facfe4d}.video-source-options .recording-options .record-button.screen-button:hover:not(:disabled){box-shadow:0 8px 30px #4facfe80}.recording-interface{display:flex;flex-direction:column;gap:1.5rem}.recording-interface .recording-preview-container{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;position:relative;width:100%}.recording-interface .recording-preview-container .recording-preview{height:100%;object-fit:cover;width:100%}.recording-interface .recording-preview-container .recording-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:24px;color:#fff;display:flex;font-weight:600;gap:.5rem;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem;z-index:10}.recording-interface .recording-preview-container .recording-indicator .recording-dot{animation:pulse-recording 1.5s ease-in-out infinite;background:#f44;border-radius:50%;height:12px;width:12px}.recording-interface .recording-preview-container .recording-indicator .recording-duration{font-family:Courier New,monospace;font-size:1.1rem}.recording-interface .recording-preview-container .processing-overlay-recording{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:30}.recording-interface .recording-preview-container .processing-overlay-recording .processing-content{color:#fff;padding:2rem;text-align:center}.recording-interface .recording-preview-container .processing-overlay-recording .processing-content .processing-spinner{animation:spin .8s linear infinite;border-color:#4facfe #4facfe #ffffff1a #ffffff1a;border-radius:50%;border-style:solid;border-width:4px;height:60px;margin:0 auto 1.5rem;width:60px}.recording-interface .recording-preview-container .processing-overlay-recording .processing-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.recording-interface .recording-preview-container .processing-overlay-recording .processing-content p{color:#fffc;font-size:1rem;margin:0}@keyframes spin{to{transform:rotate(1turn)}}.recording-interface .recording-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.recording-interface .recording-controls .control-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.recording-interface .recording-controls .control-btn .material-symbols-outlined{font-size:1.5rem}.recording-interface .recording-controls .control-btn.stop-btn{background:#f44;box-shadow:0 4px 15px #f446;color:#fff}.recording-interface .recording-controls .control-btn.stop-btn:hover{background:#f22;box-shadow:0 6px 20px #f449;transform:translateY(-2px)}.recording-interface .recording-controls .control-btn.cancel-btn{background:var(--Neutral-20);color:var(--Neutral-70)}.recording-interface .recording-controls .control-btn.cancel-btn:hover{background:var(--Neutral-30);transform:translateY(-2px)}.recording-interface .recording-controls .control-btn.switch-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66;color:#fff}.recording-interface .recording-controls .control-btn.switch-btn:hover{box-shadow:0 6px 20px #4facfe99;transform:translateY(-2px)}.recording-interface .recording-error{align-items:center;background:#ff44441a;border:1px solid #ff44444d;border-radius:12px;color:#f44;display:flex;font-weight:500;gap:.5rem;padding:1rem}.recording-interface .recording-error .material-symbols-outlined{font-size:1.5rem}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media(max-width:768px){.video-source-options .recording-options{flex-direction:column}.video-source-options .recording-options .record-button{padding:1.5rem 1rem}.video-source-options .recording-options .record-button .material-symbols-outlined{font-size:2.5rem}.recording-interface .recording-controls .control-btn{flex:1 1;justify-content:center;min-width:120px}}@media(max-width:480px){.video-source-options{gap:1rem}.video-source-options .or-divider{padding:.5rem 0}.video-source-options .or-divider span{font-size:.8rem}.video-source-options .recording-options .record-button{font-size:.9rem;padding:1rem .75rem}.video-source-options .recording-options .record-button .material-symbols-outlined{font-size:2rem}.recording-interface .recording-preview-container .recording-indicator{padding:.375rem .75rem}.recording-interface .recording-preview-container .recording-indicator .recording-dot{height:10px;width:10px}.recording-interface .recording-preview-container .recording-indicator .recording-duration{font-size:.9rem}.recording-interface .recording-controls .control-btn{font-size:.85rem;padding:.75rem 1rem}.recording-interface .recording-controls .control-btn .material-symbols-outlined{font-size:1.25rem}.recording-interface .recording-controls .control-btn span:not(.material-symbols-outlined){display:none}}.camera-switch-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-height:60px;min-width:60px;padding:.75rem;position:absolute;right:1rem;top:1rem;transition:var(--transition-smooth);z-index:100}.camera-switch-btn:hover{background:var(--glass-bg-dark);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.camera-switch-btn:active{transform:translateY(0)}.camera-switch-btn .camera-switch-icon{align-items:center;color:var(--text-primary);display:flex;justify-content:center;position:relative}.camera-switch-btn .camera-switch-icon svg{height:20px;width:20px}.camera-switch-btn .camera-switch-icon .camera-indicator{align-items:center;background:var(--accent-cyan);border-radius:50%;box-shadow:var(--shadow-sm);display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.camera-switch-btn .camera-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1;text-align:center}@media(max-width:768px){.camera-switch-btn{min-height:50px;min-width:50px;padding:.5rem;right:.5rem;top:.5rem}.camera-switch-btn .camera-switch-icon svg{height:18px;width:18px}.camera-switch-btn .camera-switch-icon .camera-indicator{font-size:10px;height:18px;width:18px}.camera-switch-btn .camera-label{font-size:.7rem}}.camera-switch-btn{animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.camera-switch-btn.switching{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=main.24fb313d.css.map*/