*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;overflow:hidden;position:relative;width:100%}.gradient-bg-top-left{background:radial-gradient(circle,#60a5fa26 0,#60a5fa14 40%,#0000 70%);left:-10%;top:-10%}.gradient-bg-bottom-right,.gradient-bg-top-left{filter:blur(60px);height:600px;pointer-events:none;position:fixed;width:600px;z-index:0}.gradient-bg-bottom-right{background:radial-gradient(circle,#a78bfa26 0,#8b5cf614 40%,#0000 70%);bottom:-10%;right:-10%}.gradient-bg-center{background:radial-gradient(circle,#6366f114 0,#0000 60%);filter:blur(80px);height:800px;left:50%;top:50%;transform:translate(-50%,-50%);width:800px}.gradient-bg-center,.grid-pattern{pointer-events:none;position:fixed;z-index:0}.grid-pattern{background-image:linear-gradient(#3b82f60f 1px,#0000 0),linear-gradient(90deg,#3b82f60f 1px,#0000 0),linear-gradient(#8b5cf60a 1px,#0000 0),linear-gradient(90deg,#8b5cf60a 1px,#0000 0);background-position:0 0,0 0,20px 20px,20px 20px;background-size:40px 40px,40px 40px,80px 80px,80px 80px;height:100%;left:0;top:0;width:100%}.container{height:100vh;width:100%;z-index:1}.chat-section,.container{display:flex;position:relative}.chat-section{flex:2 1;flex-direction:column;padding:24px 24px 24px 48px}.header{margin-bottom:24px;padding:24px;position:relative}.logo-container{gap:16px;margin-bottom:12px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{animation:logoFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:2px solid #fff9;border-radius:16px;box-shadow:0 8px 32px #3b82f626,0 4px 16px #8b5cf61a,inset 0 1px 0 #fff;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.logo-icon:hover{box-shadow:0 12px 48px #3b82f640,0 6px 24px #8b5cf626,inset 0 1px 0 #fff;transform:translateY(-2px) scale(1.05)}.logo-icon svg{filter:drop-shadow(0 2px 4px rgba(59,130,246,.2));height:28px;width:28px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-2px;margin:0;position:relative;text-shadow:0 2px 20px #3b82f626}.status-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.global-settings-button{animation:slideInFromRight .4s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#ffffff40,#ffffff26);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #3b82f633,0 6px 20px #8b5cf626,0 2px 8px #0000001a,inset 0 1px 0 #fffc,inset 0 -1px 0 #ffffff4d;cursor:pointer;padding:20px;position:fixed;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.global-settings-button:hover{background:linear-gradient(145deg,#ffffff59,#ffffff40);border-color:#ffffff80;box-shadow:0 16px 50px #3b82f64d,0 8px 25px #8b5cf633,0 4px 12px #00000026,inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #fff6;transform:translateY(-2px) scale(1.05)}.global-settings-button:active{transform:translateY(0) scale(1.02)}.settings-button{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;padding:12px;position:absolute;right:24px;top:24px;transition:all .3s ease;z-index:10}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.settings-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.settings-button:active{transform:translateY(0)}.hamburger-menu{align-items:center;display:flex;flex-direction:column;gap:4px;height:22px;justify-content:center;width:28px}.hamburger-menu span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;box-shadow:0 1px 3px #3b82f64d;display:block;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.global-settings-button:hover .hamburger-menu span{background:linear-gradient(135deg,#60a5fa,#a78bfa);box-shadow:0 2px 6px #60a5fa66;transform:scale(1.1)}.settings-button:hover .hamburger-menu span{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 4px 16px #0000000a,inset 0 1px 0 #fffc;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;text-transform:capitalize}.status-dot{background:#cbd5e1;border-radius:50%;height:8px;width:8px}.status-indicator.connected .status-dot{animation:pulse 2s infinite;background:#22c55e;box-shadow:0 0 8px #22c55e99}.status-indicator.connecting .status-dot{animation:blink 1s infinite;background:#f59e0b}.status-indicator.error .status-dot{background:#ef4444}.speaking-indicator{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#a78bfa33;border:1px solid #a78bfa4d;border-radius:20px;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.pulse{animation:pulse 1s infinite;background:#a855f7;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.transcript-container{flex:1 1;mask-image:linear-gradient(180deg,#0000 0,#000 8%,#000 92%,#0000);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 8%,#000 92%,#0000);overflow-y:auto;padding:0 24px;position:relative}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{color:#6b7280;font-size:16px;max-width:350px}.transcript-list{display:flex;flex-direction:column;gap:16px;padding:40px 0}.transcript-item{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 32px #0000000a,0 2px 8px #00000005,inset 0 1px 0 #fffc,inset 0 -1px 0 #ffffff4d;padding:16px 20px;position:relative}.transcript-item:before{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.transcript-item.user{background:linear-gradient(145deg,#dbeafecc,#bfdbfe99);margin-left:auto;max-width:75%}.transcript-item.user:before{background:linear-gradient(135deg,#3b82f60f,#0000 50%)}.transcript-item.agent{background:linear-gradient(145deg,#e9d5ffcc,#d8b4fe99);margin-right:auto;max-width:75%}.transcript-item.agent:before{background:linear-gradient(135deg,#8b5cf60f,#0000 50%)}.transcript-item.system{background:linear-gradient(145deg,#f8fafccc,#f1f5f999);border:1px solid #cbd5e14d;margin-left:auto;margin-right:auto;max-width:60%;text-align:center}.transcript-item.interim{animation:pulse 2s infinite;border:2px dashed #60a5fa66;opacity:.6}.interim-badge{color:#3b82f6;font-size:11px;font-style:italic;font-weight:600}.transcript-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.speaker-label{color:#1f2937;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timestamp{color:#6b7280;font-size:11px;font-weight:500}.transcript-text{word-wrap:break-word;color:#111827;font-size:15px;line-height:1.7}.controls{display:flex;gap:12px;justify-content:center;padding:24px}.control-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008,inset 0 1px 0 #fffc;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-btn:hover{box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.connect-btn{background:linear-gradient(135deg,#3b82f6e6,#8b5cf6e6);color:#fff;padding:16px 48px}.mic-btn{background:linear-gradient(145deg,#22c55ecc,#16a34acc);color:#fff;flex:1 1;max-width:250px}.mic-btn.recording{animation:recordingPulse 2s infinite;background:linear-gradient(145deg,#ef4444e6,#dc2626e6)}.map-btn{background:linear-gradient(145deg,#22c55ecc,#16a34acc);color:#fff;flex:1 1;max-width:250px}.map-btn.active{background:linear-gradient(145deg,#ef4444e6,#dc2626e6)}.test-btn{background:linear-gradient(145deg,#a855f7cc,#9333eacc);color:#fff;flex:1 1;max-width:150px}@keyframes recordingPulse{0%,to{box-shadow:0 8px 32px #ef44444d,0 0 0 0 #ef444466}50%{box-shadow:0 12px 40px #ef444480,0 0 0 12px #ef444400}}.disconnect-btn{background:linear-gradient(145deg,#6b7280cc,#4b5563cc);color:#fff}.btn-icon{font-size:20px}.animation-section{flex:1 1;padding:40px}.animation-section,.voice-animation{align-items:center;display:flex;justify-content:center;position:relative}.voice-animation{height:280px;width:280px}.voice-orb-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.voice-orb:after{background:radial-gradient(circle,#fff9 0,#0000 70%);border-radius:50%;content:"";height:40px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.voice-orb.listening:after{animation:innerGlow 2s ease-in-out infinite;background:radial-gradient(circle,#60a5fa66 0,#0000 70%)}.voice-orb.speaking:after{animation:innerGlow 1.5s ease-in-out infinite;background:radial-gradient(circle,#a78bfa66 0,#0000 70%)}@keyframes innerGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.voice-orb{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#ffffff4d,#ffffff26);border:2px solid #fff6;border-radius:50%;box-shadow:0 20px 60px #3b82f626,0 10px 30px #8b5cf61a,inset 0 2px 10px #fff6,inset 0 -2px 10px #cbd5e11a;height:160px;overflow:visible;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:160px;z-index:2}.voice-orb.listening{animation:orbPulseListening 2s ease-in-out infinite;background:linear-gradient(145deg,#dbeafe66,#93c5fd33);box-shadow:0 20px 80px #3b82f666,0 10px 40px #3b82f64d,0 0 60px #60a5fa33,inset 0 2px 10px #ffffff80,inset 0 -2px 10px #3b82f61a}.voice-orb.speaking{animation:orbPulseSpeaking 1.5s ease-in-out infinite;background:linear-gradient(145deg,#e9d5ff66,#c084fc33);box-shadow:0 20px 80px #8b5cf666,0 10px 40px #8b5cf64d,0 0 60px #a78bfa33,inset 0 2px 10px #ffffff80,inset 0 -2px 10px #8b5cf61a}@keyframes orbPulseListening{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orbPulseSpeaking{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.siri-waves{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.siri-wave-line{background:linear-gradient(180deg,#0000,#3b82f6e6,#3b82f699,#0000);border-radius:4px;box-shadow:0 0 12px #3b82f699,0 0 24px #3b82f64d;height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%) rotate(var(--angle));transform-origin:center top;width:4px}.voice-orb.listening .siri-wave-line{animation:siriPulseIn 2s ease-in-out infinite;animation-delay:calc(var(--index)*.05s)}@keyframes siriPulseIn{0%{height:0;opacity:0}20%{height:80px;opacity:1}40%{height:100px;opacity:.8}60%{height:60px;opacity:.6}80%{height:90px;opacity:.4}to{height:0;opacity:0}}.voice-orb.speaking .siri-wave-line{animation:siriPulseOut 1.5s ease-out infinite;animation-delay:calc(var(--index)*.04s);background:linear-gradient(180deg,#0000,#8b5cf6f2,#a78bfab3,#0000);box-shadow:0 0 16px #8b5cf6b3,0 0 32px #8b5cf666}@keyframes siriPulseOut{0%{height:0;opacity:0}15%{height:90px;opacity:1}30%{height:120px;opacity:.9}50%{height:70px;opacity:.7}70%{height:110px;opacity:.5}85%{height:50px;opacity:.3}to{height:0;opacity:0}}.galaxy-ring{border:2px solid #3b82f633;border-radius:50%;opacity:0;pointer-events:none;position:absolute}.voice-orb.listening .galaxy-ring,.voice-orb.speaking .galaxy-ring{opacity:1}.ring-1{animation:galaxyRotate 8s linear infinite;border-style:dashed;height:180%;width:180%}.ring-1,.ring-2{left:50%;top:50%;transform:translate(-50%,-50%)}.ring-2{animation:galaxyRotate 12s linear infinite reverse;border-style:dotted;height:230%;width:230%}.ring-3{animation:galaxyRotate 16s linear infinite;height:280%;left:50%;opacity:.3;top:50%;transform:translate(-50%,-50%);width:280%}.voice-orb.speaking .galaxy-ring{border-color:#8b5cf640}@keyframes galaxyRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.animation-status{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;bottom:20px;box-shadow:0 4px 16px #0000000a,inset 0 1px 0 #fffc;color:#374151;font-size:13px;font-weight:600;left:50%;padding:8px 20px;position:absolute;transform:translateX(-50%)}.transcript-container::-webkit-scrollbar{width:6px}.transcript-container::-webkit-scrollbar-track{background:#0000}.transcript-container::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:10px}.transcript-container::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}@media (max-width:1200px){.container{flex-direction:column}.chat-section{flex:1 1;max-height:65vh}.animation-section{flex:none;height:35vh;padding:20px}.voice-animation{height:200px;width:200px}.voice-orb{height:120px;width:120px}}@media (max-width:768px){.chat-section,.header{padding:16px}.title{font-size:24px}.transcript-container{padding:0 16px}.controls{flex-wrap:wrap;padding:16px}.control-btn{flex:1 1;min-width:140px}.transcript-item.agent,.transcript-item.user{max-width:85%}.animation-section{height:250px}.voice-animation{height:160px;width:160px}.voice-orb{height:100px;width:100px}.siri-wave-line{width:3px}@keyframes siriPulseIn{0%{height:0;opacity:0}20%{height:50px;opacity:1}40%{height:65px;opacity:.8}60%{height:40px;opacity:.6}80%{height:55px;opacity:.4}to{height:0;opacity:0}}@keyframes siriPulseOut{0%{height:0;opacity:0}15%{height:55px;opacity:1}30%{height:75px;opacity:.9}50%{height:45px;opacity:.7}70%{height:70px;opacity:.5}85%{height:35px;opacity:.3}to{height:0;opacity:0}}}.store-map-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008,inset 0 1px 0 #fffc;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.map-header{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid #cbd5e14d;display:flex;justify-content:space-between;padding:16px 20px}.map-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0}.clear-pins-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.clear-pins-btn:hover{background:#ef444433;border-color:#ef44444d}.map-wrapper{flex:1 1;overflow:hidden;position:relative}.map-wrapper svg{height:100%;object-fit:contain;width:100%}.pin{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transform-origin:50% 100%;transition:transform .2s ease-in-out}.pin:hover{transform:scale(1.1) translateY(-2px)}.map-in-chat{animation:mapSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008,inset 0 1px 0 #fffc;margin:20px 24px;overflow:hidden}@keyframes mapSlideIn{0%{margin:0 24px;max-height:0;opacity:0;transform:translateY(-20px) scale(.95)}to{margin:20px 24px;max-height:500px;opacity:1;transform:translateY(0) scale(1)}}.map-in-chat .store-map-container{background:#0000;border:none;border-radius:0;box-shadow:none}.map-in-chat .map-header{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid #cbd5e14d}.map-in-chat .map-wrapper{height:400px;min-height:400px}.map-in-chat .map-wrapper svg{height:100%;object-fit:contain;width:100%}.map-legend{background:#f8fafcf2;border-top:1px solid #cbd5e166;box-shadow:0 -2px 8px #0000000d;font-size:14px;font-weight:600;gap:24px;justify-content:center;padding:16px 20px}.legend-item,.map-legend{color:#374151;display:flex}.legend-item{align-items:center;gap:8px}.legend-color{border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 6px #00000026;flex-shrink:0;height:16px;width:16px}.keys-button{background:#e0e7ffcc;border:1px solid #6366f14d;border-radius:20px;color:#4338ca;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.keys-button:hover{background:#c7d2fee6}.example-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;max-width:520px}.example-chip{background:#dbeafecc;border:1px solid #3b82f640;border-radius:999px;color:#1e3a8a;cursor:pointer;font-size:14px;padding:8px 14px}.example-chip:hover{background:#bfdbfee6}.ask-form{display:flex;gap:12px;padding:16px 24px 0}.ask-input{background:#ffffffd9;border:1px solid #6366f14d;border-radius:16px;color:#111827;flex:1 1;font-size:16px;min-width:0;outline:none;padding:14px 18px}.ask-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.ask-btn{background:linear-gradient(135deg,#3b82f6e6,#8b5cf6e6);color:#fff}.voice-toggle{background:linear-gradient(145deg,#6b7280cc,#4b5563cc);color:#fff}.voice-toggle.on{background:linear-gradient(145deg,#8b5cf6d9,#6d28d9d9)}.no-mic-note{align-self:center;color:#6b7280;font-size:13px;max-width:260px}.map-in-chat .map-wrapper{height:340px;min-height:340px}.key-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.key-panel{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:14px;max-width:480px;padding:24px;width:100%}.key-panel-header{align-items:center;display:flex;justify-content:space-between}.key-panel-header h2{color:#111827;font-size:20px;margin:0}.key-note{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.key-field{color:#1f2937;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:6px}.key-field em{color:#6b7280;font-style:normal;font-weight:400}.key-field input{border:1px solid #d1d5db;border-radius:10px;font-family:monospace;font-size:15px;padding:10px 12px}.key-privacy{background:#f3f4f6;border-radius:10px;color:#374151;font-size:13px;line-height:1.5;margin:0;padding:12px}.key-privacy a{color:#4338ca;word-break:break-all}.key-actions{display:flex;gap:10px;justify-content:flex-end}.key-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px}.key-btn.primary{background:#4f46e5;color:#fff}.key-btn.secondary{background:#e5e7eb;color:#374151}@media (max-width:1200px){.app{overflow:visible}.container{height:auto;min-height:100vh}.chat-section{max-height:none;padding-left:24px}.transcript-container{max-height:45vh;min-height:220px}.animation-section{display:none}}@media (max-width:768px){.chat-section{padding:12px 16px}.header{margin-bottom:8px;padding:8px 56px 8px 0}.ask-form{padding:12px 0 0}.map-in-chat{margin:12px 0}.map-in-chat .map-wrapper{height:220px;min-height:220px}.map-legend{font-size:12px;gap:12px}.controls{padding:12px 0}.control-btn{min-width:0;padding:12px 14px}}.dashboard-overlay{align-items:center;animation:dashboardFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes dashboardFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.dashboard-container{animation:dashboardSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 8px 32px #0000000d,inset 0 1px 0 #fffc;display:flex;flex-direction:column;height:90%;max-height:900px;max-width:1400px;overflow:hidden;width:95%}@keyframes dashboardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid #cbd5e14d;display:flex;justify-content:space-between;padding:24px 32px}.dashboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0}.dashboard-subtitle{color:#6b7280;display:block;font-size:14px;font-weight:500;margin-top:4px}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-button:hover{background:#ef444433;transform:scale(1.05)}.dashboard-content{display:flex;flex:1 1;overflow:hidden}.dashboard-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#f8fafccc,#f1f5f999);border-right:1px solid #cbd5e14d;padding:24px 0;width:280px}.dashboard-nav{display:flex;flex-direction:column;gap:8px;padding:0 16px}.nav-item{align-items:center;background:#0000;border:none;border-radius:16px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-item:hover:before{opacity:1}.nav-item:hover{color:#1f2937;transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f633;box-shadow:0 4px 16px #3b82f61a,inset 0 1px 0 #ffffff80;color:#3b82f6}.nav-item.active:before{opacity:1}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-text{flex:1 1}.dashboard-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;flex:1 1;overflow-y:auto;padding:32px}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:#0000}.dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:10px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.dashboard-overview h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffc,#fff9);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 32px #0000000a,inset 0 1px 0 #fffc;display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 12px 48px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:16px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-content h3{color:#1f2937;font-size:32px;font-weight:800;margin:0 0 4px}.stat-content p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.product-database h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px}.database-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.search-bar{flex:1 1;max-width:400px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #cbd5e180;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000000a,inset 0 1px 0 #fffc;overflow:hidden}.table-header{grid-gap:16px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid #cbd5e14d;color:#374151;display:grid;font-size:14px;font-weight:700;gap:16px;grid-template-columns:2fr 1fr 1fr 2fr;padding:16px 24px}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:16px;border-bottom:1px solid #cbd5e133;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 2fr;padding:16px 24px;transition:background-color .2s ease}.table-row:hover{background:#3b82f60d}.table-row:last-child{border-bottom:none}.col-aisle,.col-category,.col-description,.col-name{align-items:center;color:#374151;display:flex;font-size:14px}.col-name{color:#1f2937;font-weight:600}.col-aisle{color:#3b82f6;font-weight:600}.loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.aisles-categories h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 32px}.aisles-section,.categories-section{margin-bottom:40px}.aisles-section h3,.categories-section h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.aisles-grid,.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.aisle-card,.category-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffc,#fff9);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 16px #0000000a,inset 0 1px 0 #fffc;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.aisle-card:hover,.category-card:hover{box-shadow:0 8px 32px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.aisle-id{color:#3b82f6;font-size:18px;font-weight:700;margin-bottom:8px}.aisle-type{color:#6b7280;font-size:12px;font-weight:500}.category-name{color:#374151;font-size:14px;font-weight:600}.upload-map h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 32px}.upload-area{align-items:center;display:flex;justify-content:center;min-height:400px}.upload-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffc,#fff9);border:2px dashed #3b82f64d;border-radius:20px;box-shadow:0 8px 32px #0000000a,inset 0 1px 0 #fffc;padding:48px;text-align:center;transition:all .3s ease}.upload-box:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border-color:#3b82f680}.upload-icon{font-size:48px;margin-bottom:16px}.upload-box h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.upload-box p{color:#6b7280;font-size:14px;margin:0 0 24px}.file-input{display:none}.upload-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.upload-status{border-radius:8px;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px}.upload-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.upload-status.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}@media (max-width:1200px){.dashboard-container{height:95%;width:98%}.dashboard-sidebar{width:240px}.dashboard-main{padding:24px}}@media (max-width:768px){.dashboard-container{border-radius:0;height:100%;width:100%}.dashboard-content{flex-direction:column}.dashboard-sidebar{padding:16px;width:100%}.dashboard-nav{flex-direction:row;gap:12px;overflow-x:auto}.nav-item{flex-shrink:0;padding:12px 16px}.nav-text{display:none}.dashboard-main{padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.aisles-grid,.categories-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}
/*# sourceMappingURL=main.bb9ef235.css.map*/