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);--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;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}*{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;overscroll-behavior-y:contain;padding:1rem 1rem 0;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y}}@media(max-width:768px){.streaming-console main::-webkit-scrollbar{display:none}.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}}.react-select{.react-select__option--is-focused-background:var(--Neutral-30);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)}.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;display:block;gap:4px;justify-content:center}.logger .rich-log pre{overflow-x:auto}.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}.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}.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 .main-spectrum{margin:0 auto;max-width:800px;width:100%}.live-chat-container .vega-embed{-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:100%;margin-bottom:2rem;padding:1rem;transition:all .3s ease;width:100%}.live-chat-container .vega-embed:hover{box-shadow:0 8px 32px #667eea1a}.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}.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 .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)}.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 .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;height:4px;justify-content:space-evenly;transition:all .5s;transition:opacity .333s;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.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}}.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}}.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}}.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{animation:mobileFloat 4s ease-in-out infinite;-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 .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 .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{animation:sampleButtonPulse 3s ease-in-out infinite;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}}@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)}}.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}}.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}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@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;animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;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}.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;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{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 fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@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}}: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}@keyframes shimmer{to{left:100%}}.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);text-decoration:none;transition:all .3s ease}@media(prefers-reduced-motion:reduce){.cta-primary,.cta-secondary{transition: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)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.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)}.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.b9f49d0e.css.map*/