*{cursor:default;margin:0;padding:0;-webkit-user-select:none;user-select:none}[contenteditable=true],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],textarea{cursor:text!important;-webkit-user-select:text!important;user-select:text!important}.btn,.clickable,.icon-btn,.ws-switcher,[role=button],a,button,option,select{cursor:pointer!important}body{background-color:#f5f5f5;color:#3d3e41;margin:0;padding:0;width:100vw}#root,body,html{min-height:100vh;overflow-x:hidden}#root,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f6f7}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8bec3}.btn{border-radius:6px;padding:10px 20px;transition:all .2s ease}.btn-primary{background-color:#e3821e}.btn-primary:hover{background-color:#d6730a}.btn-secondary{background-color:#fff}.btn-secondary:hover{background-color:#f8f9fa}.btn-success{background-color:#34a853}.btn-success:hover{background-color:#2d8a47}.btn-warning{background-color:#fbbc05;color:#202124}.btn-warning:hover{background-color:#f4b400}.btn-danger{background-color:#ea4335}.btn-danger:hover{background-color:#d93025}.btn:disabled{opacity:.6}.card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:16px 0;padding:20px}.input{border:2px solid #dadce0;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.input:focus{border-color:#e3821e;outline:none}.input:disabled{background-color:#f5f6f7;cursor:not-allowed}.label{color:#3d3e41;display:block;font-weight:500;margin-bottom:8px}.status-indicator{border-radius:12px;font-weight:500;gap:6px;padding:4px 8px}.status-connected{background-color:#e8f5e8;color:#34a853}.status-disconnected{background-color:#fee7e6;color:#ea4335}.status-warning{background-color:#fef7e0;color:#fbbc05}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}.tour-overlay-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a6!important;inset:0;pointer-events:auto;position:fixed;transition:opacity .3s ease;z-index:10001}.tour-highlighted-element{animation:tour-pulse-glow 2s ease-in-out infinite;border-color:#e3821e!important;box-shadow:0 0 0 6px #e3821e40,0 0 0 2px #e3821e,0 10px 30px #0000004d!important;position:relative!important;transition:box-shadow .3s ease,border-color .3s ease!important;z-index:10002!important}@keyframes tour-pulse-glow{0%,to{box-shadow:0 0 0 6px #e3821e40,0 0 0 2px #e3821e,0 10px 30px #0000004d!important}50%{box-shadow:0 0 0 12px #e3821e80,0 0 0 2px #e3821e,0 10px 30px #0000004d!important}}.tour-tooltip-card{animation:tour-tooltip-show .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tour-tooltip-show{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tour-tooltip-card.placement-bottom:before{border-bottom:8px solid #e3821e;top:-8px}.tour-tooltip-card.placement-bottom:after,.tour-tooltip-card.placement-bottom:before{border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:142px;left:var(--arrow-left,142px);position:absolute;width:0}.tour-tooltip-card.placement-bottom:after{border-bottom:8px solid #fff;top:-6px}.tour-tooltip-card.placement-right:before{border-right:8px solid #e3821e;left:-8px}.tour-tooltip-card.placement-right:after,.tour-tooltip-card.placement-right:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";height:0;position:absolute;top:30px;width:0}.tour-tooltip-card.placement-right:after{border-right:8px solid #fff;left:-6px}.guide-modal-overlay,.ims-modal-overlay,.modal-overlay{z-index:10005!important}.tour-tooltip-card.placement-top:before{border-top:8px solid #e3821e;bottom:-8px}.tour-tooltip-card.placement-top:after,.tour-tooltip-card.placement-top:before{border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:142px;left:var(--arrow-left,142px);position:absolute;width:0}.tour-tooltip-card.placement-top:after{border-top:8px solid #fff;bottom:-6px}.btn-continue-pairing.tour-highlighted-element{animation:tour-pulse-glow-button 2s ease-in-out infinite!important;background:#e3821e14!important;border:1.5px solid #e3821e!important;border-radius:8px!important;box-shadow:0 0 0 6px #e3821e40,0 10px 20px #e3821e1a!important;color:#e3821e!important;font-weight:600!important;padding:8px 20px!important;text-decoration:none!important}@keyframes tour-pulse-glow-button{0%,to{box-shadow:0 0 0 4px #e3821e40,0 10px 20px #e3821e1a!important}50%{box-shadow:0 0 0 10px #e3821e73,0 10px 20px #e3821e1a!important}}.navigation:has(.tour-highlighted-element){z-index:10002!important}.guide-options-grid.tour-highlighted-element{animation:tour-pulse-glow 2s ease-in-out infinite!important;border:2px dashed #e3821e!important;border-radius:20px!important;box-shadow:0 0 0 6px #e3821e40,0 10px 30px #00000026!important;margin:-8px -8px 24px!important;padding:8px!important}.modal-overlay:has(.tour-highlighted-element),.wifi-pairing-overlay:has(.tour-highlighted-element){z-index:10002!important}.device-manager .wifi-qr-floating-card.tour-highlighted-element{animation:tour-pulse-glow 2s ease-in-out infinite!important;border-color:#e3821e!important;box-shadow:0 0 0 6px #e3821e40,0 0 0 2px #e3821e,0 10px 30px #0000004d!important}.tour-tooltip-card.placement-left:before{border-left:8px solid #e3821e;right:-8px}.tour-tooltip-card.placement-left:after,.tour-tooltip-card.placement-left:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";height:0;position:absolute;top:calc(50% - 8px);top:var(--arrow-top,calc(50% - 8px));width:0}.tour-tooltip-card.placement-left:after{border-left:8px solid #fff;right:-6px}.grn-layout:has(#tour-zone-detail-panel.tour-highlighted-element) .grn-list-panel{pointer-events:auto!important;position:relative;z-index:10002!important}.grn-layout:has(#tour-zone-detail-panel.tour-highlighted-element) .grn-card{border:1.5px dashed #e3821e!important;border-radius:12px!important;box-shadow:0 0 0 4px #e3821e1f!important;transition:all .3s ease-in-out!important}.grn-layout:has(#tour-zone-detail-panel.tour-highlighted-element) #tour-zone-cards-list,.grn-layout:has(#tour-zone-detail-panel.tour-highlighted-element) .ims-search-wrapper{animation:none!important;border-color:#0000!important;box-shadow:none!important;outline:none!important}#tour-scanner-scan-match-box.tour-highlighted-element,#tour-zone-cards-list.tour-highlighted-element,#tour-zone-detail-panel.tour-highlighted-element{border-radius:16px!important}.scanner-right:has(.tour-highlighted-element){z-index:10002!important}.found-item-card.tour-highlighted-element{animation:tour-pulse-glow 2s ease-in-out infinite;border:2px solid #e3821e!important;border-radius:16px!important;box-shadow:0 0 0 6px #e3821e40,0 10px 30px #0000004d!important}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:9999}.toast{align-items:flex-start;animation:slideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;gap:12px;max-width:400px;min-width:300px;overflow:hidden;padding:16px;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:#3b82f6}.toast.warning{border-left-color:#f59e0b}.toast-icon{flex-shrink:0;font-size:20px}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast.info .toast-icon{color:#3b82f6}.toast.warning .toast-icon{color:#f59e0b}.toast-content{flex:1 1}.toast-message{color:#1f2937;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:0;transition:color .2s}.toast-close:hover{color:#4b5563}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:9998}.modal-dialog{animation:scaleIn .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.modal-title{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:background .1s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{color:#4b5563;font-size:15px;line-height:1.5;padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb}.modal-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.modal-btn.secondary{background:#fff;border-color:#d1d5db;color:#374151}.modal-btn.secondary:hover{background:#f3f4f6;border-color:#9ca3af}.modal-btn.primary{background:#e3821e;box-shadow:0 1px 2px #0000000d;color:#fff}.modal-btn.primary:hover{background:#d37415}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn.danger:hover{background:#dc2626}.auth-layout{background:#fff;display:flex;max-height:100vh;min-height:100vh;overflow:hidden}.auth-left{align-items:center;background:#fff!important;display:flex;flex:0 0 45%;justify-content:center;overflow-y:auto;padding:40px;position:relative;z-index:2}@media (max-width:1024px){.auth-left{flex:0 0 100%;padding:30px 20px}}.auth-right{align-items:flex-end;background:#000!important;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.auth-video-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}@media (max-width:1024px){.auth-right{display:none}}.right-content{display:flex;flex-direction:column;gap:25px;justify-content:center;max-width:650px;padding:20px 20px 60px;position:relative;width:100%;z-index:1}.hero-section{animation:fadeInUp .8s ease-out;text-align:center}.scanner-image-container{align-items:center;display:flex;gap:0;height:320px;justify-content:center;left:-100px;margin:0 auto 20px;max-width:700px;position:relative;width:100%}.model-text{color:#fff;font-size:48px;font-weight:900;letter-spacing:2px;margin-left:-100px;position:relative;text-shadow:0 4px 20px #0000004d;white-space:nowrap;z-index:3}.scanner-image{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));height:auto;max-height:400px;max-width:650px;object-fit:contain;position:relative;top:-20px;width:100%;z-index:2}.scanner-glow{background:radial-gradient(circle,#e3821e40 0,#0000 70%);border-radius:50%;filter:blur(40px);height:430px;left:0;opacity:.6;position:absolute;width:430px;z-index:1}.hero-title{animation:fadeInUp .8s ease-out .2s both;color:#fff;font-size:36px;font-weight:800;line-height:1.2;margin:0 0 10px;text-shadow:0 4px 20px #0003}.hero-subtitle{animation:fadeInUp .8s ease-out .4s both;color:#fffffff2;font-size:15px;line-height:1.4;margin:0}.features-grid{grid-gap:15px;animation:fadeInUp .8s ease-out .6s both;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.feature-card{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 4px 30px #0000000d;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:20px 14px;position:relative;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1)}.feature-card:before{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%}.feature-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 12px 30px #e3821e40,inset 0 0 12px #ffffff0d;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;color:#e3821e;display:flex;height:48px;justify-content:center;margin-bottom:12px}.feature-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.feature-description{color:#ffffffd9;font-size:13px;line-height:1.4;margin:0}.custom-icon{stroke:#e3821e;stroke-linecap:round;stroke-linejoin:round;height:40px;transition:all .3s ease;width:40px}.scanning-icon{stroke:#e3821e}.scan-beam{animation:scanLineMove 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(227,130,30,.6))}@keyframes scanLineMove{0%,to{opacity:.4;transform:translateY(-6px)}50%{opacity:1;transform:translateY(6px)}}.secure-icon{stroke:#e3821e}.lock-body{fill:#e3821e1f;transition:fill .3s ease}.lock-shackle{transform-origin:12px 11px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover .lock-shackle{transform:translateY(-1.5px)}.feature-card:hover .lock-body{fill:#e3821e4d}.speed-icon{stroke:#e3821e}.speed-icon polygon{fill:#e3821e1f;transition:fill .3s ease}.feature-card:hover .speed-icon polygon{fill:#e3821e4d;filter:drop-shadow(0 0 3px rgba(227,130,30,.4))}.speed-arc{transform-origin:center}.arc-1{animation:spinClockwise 6s linear infinite}.arc-2{animation:spinCounterClockwise 6s linear infinite}@keyframes spinClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinCounterClockwise{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.ambient-glow{border-radius:50%;filter:blur(100px);mix-blend-mode:screen;opacity:.5;pointer-events:none;position:absolute;z-index:0}.ambient-1{animation:floatAmbient1 20s ease-in-out infinite alternate;background:radial-gradient(circle,#ff6e0073 0,#0000 70%);height:450px;right:-10%;top:-10%;width:450px}.ambient-2{animation:floatAmbient2 25s ease-in-out infinite alternate;background:radial-gradient(circle,#ffb84d66 0,#0000 70%);bottom:-10%;height:500px;left:-15%;width:500px}@keyframes floatAmbient1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}@keyframes floatAmbient2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-40px) scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-left{padding:30px 20px}.hero-title{font-size:28px}.hero-subtitle{font-size:13px}.scanner-image-container{flex-direction:column;gap:12px;height:auto;margin-bottom:15px}.model-text{font-size:36px}.scanner-image{height:220px;width:220px}.scanner-glow{height:270px;width:270px}.features-grid{gap:12px;grid-template-columns:1fr}}.navigation{background:linear-gradient(145deg,#1a1a2e,#2d1a0e 50%,#1a1a2e)!important;border-right:1px solid #e3821e14!important;box-shadow:4px 0 30px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;left:0;overflow:hidden;padding:15px 12px;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.navigation:before{background:#e3821e26;filter:blur(55px);height:220px;right:-60px;top:-60px;width:220px}.navigation:after,.navigation:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.navigation:after{background:#e3821e0f;bottom:-70px;filter:blur(65px);height:240px;left:-50px;width:240px}.nav-content::-webkit-scrollbar,.nav-menu::-webkit-scrollbar,.navigation::-webkit-scrollbar{display:none}.nav-content,.nav-menu,.navigation{-ms-overflow-style:none;scrollbar-width:none}.admin-navigation.collapsed,.expo-navigation.collapsed,.full-access-navigation.collapsed,.navigation.collapsed{padding:12px;width:88px!important}.nav-header{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;flex-shrink:0;gap:0;justify-content:center;margin-bottom:12px;min-height:auto;padding:4px 8px;position:relative;transition:all .3s ease;z-index:1}.nav-logo-custom{gap:10px;transform:translate(-16px,4px);width:100%}.logo-icon-box,.nav-logo-custom{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.logo-icon-box{background:#e3821e;border-radius:8px;box-shadow:0 4px 10px #e3821e33;flex-shrink:0;height:36px;overflow:hidden;padding:4px;width:36px}.logo-icon-img{height:100%;mix-blend-mode:screen;object-fit:contain;width:100%}.robridge-full-logo{height:32px;margin-top:-2px;object-fit:contain;width:auto}.logo-icon-outline{border:2px solid #fffffff2;border-radius:5px;height:18px;position:relative;transform:rotate(45deg);width:18px}.logo-icon-outline:before{background:#fffffff2;border-radius:2px;bottom:3px;content:"";left:3px;position:absolute;right:3px;top:3px}.nav-toggle{align-items:center;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:24px;z-index:10}.nav-toggle:hover{background:#ffffff1a!important}.navigation.collapsed .nav-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;justify-content:center;margin-bottom:20px;min-height:auto;padding:0}.navigation.collapsed .nav-logo-custom{display:none!important}.navigation.collapsed .nav-toggle{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px;color:#fff!important;font-size:18px;height:44px;position:relative;right:auto;top:auto;width:44px}.nav-content{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.nav-content,.nav-menu{display:flex;flex-direction:column;padding:0}.nav-menu{gap:3px;list-style:none;margin:0}.nav-item{margin:0}.nav-link{align-items:center;border:1px solid #0000;border-radius:8px;color:#8e9aa8!important;display:flex;font-size:13.5px;font-weight:500;overflow:hidden;padding:8px 12px;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.nav-link:hover{background-color:#ffffff0a!important;color:#fff!important}.nav-link.active{background:#e3821e1f!important;border:1px solid #e3821e40!important;box-shadow:0 4px 15px #e3821e26!important;color:#fff!important;font-weight:600}.nav-link.active .nav-icon{color:#e3821e!important}.nav-icon{align-items:center;display:flex;font-size:16px;justify-content:center;margin-right:10px;min-width:20px;transition:color .2s}.nav-label{white-space:nowrap}.navigation.collapsed .nav-link{justify-content:center;padding:14px 0}.navigation.collapsed .nav-icon{font-size:22px;margin-right:0}.navigation.collapsed .nav-label{display:none}.nav-footer{margin-top:auto;padding-top:20px}.nav-version,.user-info{display:none!important}.logout-btn{align-items:center;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s;width:100%}.logout-btn:hover{background:#e74c3c1a!important;border:1px solid #e74c3c4d!important;box-shadow:0 4px 12px #e74c3c0d!important;color:#e74c3c!important}.navigation.collapsed .logout-btn span{display:none}.navigation.collapsed .logout-btn{padding:12px 0}@media (max-width:768px){.navigation{left:-280px}.navigation.open{left:0}}.admin-navigation,.expo-navigation,.full-access-navigation{background:linear-gradient(145deg,#1a1a2e,#2d1a0e 50%,#1a1a2e)!important;border-right:1px solid #e3821e14!important;box-shadow:4px 0 30px #0000000d!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;overflow:hidden!important;padding:15px 12px!important;position:fixed!important;top:0!important;width:280px!important;z-index:1000!important}.nav-divider-label{color:#ffffff59!important;font-size:9px;font-weight:700;letter-spacing:1.5px;list-style:none;margin-top:10px;padding:6px 12px 2px;text-transform:uppercase;transition:margin .3s ease;-webkit-user-select:none;user-select:none}.nav-divider-label:first-of-type{margin-top:2px}.ws-switcher{align-items:center;background:#ffffff05!important;border:1px solid #e3821e2e!important;border-radius:10px;cursor:pointer;display:flex;gap:8px;margin-bottom:18px;padding:8px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ws-switcher:hover{background:#e3821e0f!important;border-color:#e3821e47!important}.ws-icon{color:#fff!important;flex-shrink:0;font-size:16px}.ws-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ws-label{color:#ffffff80!important;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.ws-name{color:#fff!important;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-chevron{color:#fff!important;flex-shrink:0;font-size:11px;transition:transform .2s}.ws-chevron.open{transform:rotate(180deg)}.ws-dropdown{background:#181a1f!important;border:1px solid #ffffff1a!important;border-radius:10px;box-shadow:0 8px 24px #0000004d!important;left:0;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.ws-option{align-items:center;border-radius:8px;color:#c5cdd6!important;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 12px;transition:background .15s}.ws-option:hover{background:#ffffff0a!important;color:#fff!important}.ws-option.active{background:#e3821e!important;color:#fff!important;font-weight:700}.ws-option.create-ws{border-radius:0 0 8px 8px;border-top:1px solid #ffffff14!important;color:#2ecc71!important;font-weight:600;justify-content:center;margin-top:4px}.ws-option.create-ws:hover{background:#2ecc7114!important;color:#27ae60!important}.ims-chatbot-container{bottom:32px;position:fixed;right:32px;z-index:1000}.ims-chatbot-fab{align-items:center;background:linear-gradient(135deg,#9b59b6,#3498db);border:none;border-radius:50%;box-shadow:0 8px 25px #9b59b673;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:60px}.ims-chatbot-fab:hover{box-shadow:0 12px 30px #9b59b699;transform:scale(1.08)}.fab-icon{color:#fff;font-size:22px;z-index:2}.fab-pulse{animation:fabPulse 2.5s ease-in-out infinite;background:#9b59b64d;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes fabPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}.ims-chatbot-window{animation:slideUp .25s ease;background:#fff;border:1px solid #9b59b626;border-radius:20px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;height:560px;overflow:hidden;width:390px}.ims-chatbot-header{align-items:center;background:linear-gradient(135deg,#9b59b6,#3498db);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px}.chatbot-header-left{align-items:center;display:flex;gap:12px}.chatbot-avatar{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.chatbot-title{color:#fff;font-size:15px;font-weight:700}.chatbot-status{align-items:center;color:#ffffffd9;display:flex;font-size:11px;gap:5px;margin-top:2px}.status-dot{animation:statusBlink 2s ease-in-out infinite;background:#2ecc71;border-radius:50%;height:6px;width:6px}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.4}}.chatbot-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .2s ease;width:30px}.chatbot-close:hover{background:#ffffff4d}.ims-chatbot-messages{background:#f9f7fc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.ims-chatbot-messages::-webkit-scrollbar{width:4px}.ims-chatbot-messages::-webkit-scrollbar-track{background:#0000}.ims-chatbot-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.chat-bubble{align-items:flex-start;animation:bubbleIn .25s ease;display:flex;gap:8px}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.user{flex-direction:row-reverse}.bubble-avatar{align-items:center;background:linear-gradient(135deg,#9b59b6,#3498db);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;margin-top:2px;width:28px}.bubble-text{border-radius:16px;font-size:13px;line-height:1.55;max-width:78%;padding:10px 14px;word-break:break-word}.chat-bubble.bot .bubble-text{background:#fff;border-top-left-radius:4px;box-shadow:0 2px 8px #0000000f;color:#2d3748}.chat-bubble.user .bubble-text{background:linear-gradient(135deg,#9b59b6,#3498db);border-top-right-radius:4px;color:#fff}.typing-dots{align-items:center;display:flex;gap:5px;padding:12px 16px}.typing-dots span{animation:typingBounce 1s ease-in-out infinite;background:#9b59b6;border-radius:50%;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.ims-chatbot-suggestions{-ms-overflow-style:none;background:#fff;border-top:1px solid #f0eaf8;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:8px 14px;scrollbar-width:none}.ims-chatbot-suggestions::-webkit-scrollbar{display:none}.suggestion-chip{background:#f0eaf8;border:1px solid #dfc9f7;border-radius:20px;color:#9b59b6;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.suggestion-chip:hover{background:#9b59b6;border-color:#9b59b6;color:#fff}.ims-chatbot-input{background:#fff;border-top:1px solid #f0eaf8;display:flex;flex-shrink:0;gap:8px;padding:12px 14px}.ims-chatbot-input input{background:#fdfbff;border:1.5px solid #e8dff8;border-radius:12px;color:#2d3748;flex:1 1;font-size:13px;outline:none;padding:9px 14px;transition:border-color .2s ease}.ims-chatbot-input input:focus{background:#fff;border-color:#9b59b6}.ims-chatbot-input button{align-items:center;background:linear-gradient(135deg,#9b59b6,#3498db);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:38px;justify-content:center;transition:opacity .2s ease,transform .2s ease;width:38px}.ims-chatbot-input button:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.ims-chatbot-input button:disabled{cursor:not-allowed;opacity:.4}.ims-chatbot-tabs{background:#f1ecf7;border-bottom:1.5px solid #9b59b61a;display:flex;flex-shrink:0;padding:2px}.chatbot-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;justify-content:center;padding:10px;transition:all .2s ease}.chatbot-tab-btn:hover{background:#fff6;color:#9b59b6}.chatbot-tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000000d;color:#9b59b6}.tab-icon-small{font-size:14px;height:14px;margin-right:6px;width:14px}.ims-chatbot-support{background:#fdfbff;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px}.support-intro{align-items:flex-start;background:#9b59b614;border-left:3.5px solid #9b59b6;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.support-intro-icon{color:#9b59b6;flex-shrink:0;font-size:18px;margin-top:2px}.support-intro h4{color:#2d3748;font-size:13px;font-weight:700;margin-bottom:2px}.support-intro p{color:#718096;font-size:11px;line-height:1.4}.faq-accordion{display:flex;flex-direction:column;gap:10px}.faq-card{background:#fff;border:1px solid #e8dff8;border-radius:12px;overflow:hidden;transition:all .2s ease}.faq-card:hover{border-color:#9b59b6;box-shadow:0 4px 12px #9b59b60d}.faq-card.expanded{border-color:#9b59b6;box-shadow:0 4px 15px #9b59b614}.faq-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;text-align:left;transition:background .2s ease;width:100%}.faq-trigger:hover{background:#faf7ff}.faq-q-text{color:#2d3748;font-size:12.5px;font-weight:600;line-height:1.4;padding-right:10px}.faq-chevron{color:#7f8c8d;flex-shrink:0;font-size:11px}.faq-content{animation:fadeInFaq .2s ease;background:#fdfcff;border-top:1px dashed #f0eaf8;padding:12px 14px}@keyframes fadeInFaq{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-a-text{color:#4a5568;font-size:12px;line-height:1.5;margin-bottom:12px}.faq-action-btn{align-items:center;background:#fff;border:1px solid #9b59b6;border-radius:8px;color:#9b59b6;cursor:pointer;display:flex;font-size:11px;font-weight:600;justify-content:center;padding:6px 12px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.faq-action-btn:hover{background:#9b59b6;box-shadow:0 4px 10px #9b59b633;color:#fff}.scan-prompt-toast{animation:slideUpPrompt .3s cubic-bezier(.16,1,.3,1);background:#1a1a1a;border:1px solid #333;border-radius:12px;bottom:24px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px;padding:18px;position:fixed;right:24px;width:380px;z-index:999999}@keyframes slideUpPrompt{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scan-prompt-header{align-items:center;display:flex;justify-content:space-between}.scan-prompt-title-wrap{align-items:center;display:flex;gap:8px}.scan-prompt-icon{animation:pulseScanIcon 1.5s ease-in-out infinite;color:#22e69e;font-size:16px}@keyframes pulseScanIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.scan-prompt-title{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.scan-prompt-close{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:2px;transition:color .15s ease}.scan-prompt-close:hover{color:#fff}.scan-prompt-body{display:flex;flex-direction:column;gap:4px}.scan-prompt-barcode{color:#fff;font-family:monospace;font-size:15px;font-weight:700;line-height:1.4;word-break:break-all}.scan-prompt-device{color:#95a5a6;font-size:11px}.scan-prompt-actions{display:flex;gap:8px}.btn-prompt-action{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px 8px;transition:all .15s ease}.btn-prompt-action svg{font-size:14px}.btn-prompt-action.receive{background:#e67e2226;border:1px solid #e67e224d;color:#e67e22}.btn-prompt-action.receive:hover{background:#e67e22;border-color:#e67e22;color:#fff}.btn-prompt-action.dispatch{background:#3498db26;border:1px solid #3498db4d;color:#3498db}.btn-prompt-action.dispatch:hover{background:#3498db;border-color:#3498db;color:#fff}.btn-prompt-action.putaway{background:#2ecc7126;border:1px solid #2ecc714d;color:#2ecc71}.btn-prompt-action.putaway:hover{background:#2ecc71;border-color:#2ecc71;color:#fff}:root{--primary-orange:#e3821e;--primary-orange-dark:#d6730a;--primary-orange-light:#f39c3f;--primary-orange-lighter:#e3821e14;--text-primary:#1e293b;--text-secondary:#5e6d7a;--text-tertiary:#94a3b8;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-light:#0000000f;--border-medium:#0000001a;--border-dark:#0000002e;--success:#27ae60;--success-light:#d4edda;--warning:#f39c12;--warning-light:#fff3cd;--error:#e74c3c;--error-light:#f8d7da;--info:#3498db;--info-light:#d1ecf1;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 24px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--text-5xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6}body::-webkit-scrollbar{height:8px;width:8px}body::-webkit-scrollbar-track{background:#f8fafc}body::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-header{background:linear-gradient(135deg,#e3821e,#ff9800)!important;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #e3821e33;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:32px;padding:var(--spacing-xl)}.ims-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between}.ims-header-left h1,.page-header h1{color:#fff!important;color:var(--text-white)!important;font-size:32px;font-size:var(--text-4xl);font-weight:700;font-weight:var(--font-bold);line-height:1.2;margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.ims-header-left h1{color:#fff!important}.ims-header-left p,.page-header p{color:#ffffffe6!important;font-size:16px;font-size:var(--text-base);line-height:1.5;margin:0}.ims-header-left p{color:#ffffffe6!important}.ims-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm)}.card{background:#fff;background:var(--bg-primary);border:1px solid #0000000f;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000005,0 2px 4px #00000003!important;padding:24px;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-base)}.card:hover{box-shadow:0 8px 30px #0000000a,0 4px 8px #00000005!important;transform:translateY(-2px)}.card-header{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-light);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:16px;padding-bottom:var(--spacing-md)}.card-header h2{font-size:24px;font-size:var(--text-2xl)}.card-header h2,.card-header h3{color:#1e293b;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold);margin:0}.card-header h3{font-size:20px;font-size:var(--text-xl)}.card-body{padding:16px 0;padding:var(--spacing-md) 0}.card-footer{border-top:1px solid #0000000f;border-top:1px solid var(--border-light);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--spacing-xs);justify-content:center;padding:12px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .2s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#e3821e;background:var(--primary-orange);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.btn-primary:hover:not(:disabled){background:#d6730a;background:var(--primary-orange-dark);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;background:var(--bg-primary);border:2px solid #e3821e;border:2px solid var(--primary-orange);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#e3821e;color:var(--primary-orange)}.btn-secondary:hover:not(:disabled){background:#e3821e14;background:var(--primary-orange-lighter);border-color:#d6730a;border-color:var(--primary-orange-dark);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-success{background:#27ae60;background:var(--success);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.btn-success:hover:not(:disabled){background:#229954;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:#e74c3c;background:var(--error);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.btn-danger:hover:not(:disabled){background:#c0392b;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:12px;font-size:var(--text-xs);padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:16px;font-size:var(--text-base);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-primary{background:#e3821e14;background:var(--primary-orange-lighter);color:#d6730a;color:var(--primary-orange-dark)}.badge-success{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.badge-warning{background:#fff3cd;background:var(--warning-light);color:#f39c12;color:var(--warning)}.badge-error{background:#f8d7da;background:var(--error-light);color:#e74c3c;color:var(--error)}.badge-info{background:#d1ecf1;background:var(--info-light);color:#3498db;color:var(--info)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-label{display:block!important;font-weight:500;font-weight:var(--font-medium);margin:0 0 8px!important;margin:0 0 var(--spacing-xs) 0!important;padding:0!important}.form-input,.form-label,.form-select,.form-textarea{color:#1e293b;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);text-align:left!important}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-primary);border:2px solid #0000001a;border:2px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box!important;margin:0!important;padding:12px 16px!important;padding:var(--spacing-sm) var(--spacing-md)!important;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e3821e;border-color:var(--primary-orange);box-shadow:0 0 0 3px #e3821e14;box-shadow:0 0 0 3px var(--primary-orange-lighter);outline:none}.form-textarea{min-height:100px;resize:vertical}.table-container{background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:#f8fafc;background:var(--bg-secondary)}.table th{border-bottom:2px solid #0000000f;border-bottom:2px solid var(--border-light);font-weight:600;font-weight:var(--font-semibold);text-align:left}.table td,.table th{color:#1e293b;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.table td{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-light)}.table tbody tr{transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.table tbody tr:hover{background:#f8fafc;background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.section-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.section-header h2{color:#1e293b;color:var(--text-primary);font-size:24px;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.section-header p{color:#5e6d7a;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);margin:0}.status-indicator{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--spacing-xs);padding:6px 12px;text-transform:uppercase}.status-active,.status-connected{background:#d4edda;background:var(--success-light);color:#27ae60;color:var(--success)}.status-disconnected,.status-inactive{background:#f8d7da;background:var(--error-light);color:#e74c3c;color:var(--error)}.status-warning{background:#fff3cd;background:var(--warning-light);color:#f39c12;color:var(--warning)}.status-info{background:#d1ecf1;background:var(--info-light);color:#3498db;color:var(--info)}.loading-container{flex-direction:column;padding:48px;padding:var(--spacing-2xl);text-align:center}.loading-spinner{color:#5e6d7a;color:var(--text-secondary);font-size:16px;font-size:var(--text-base)}.empty-state{align-items:center;color:#94a3b8;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{color:#0000001a;color:var(--border-medium);font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.empty-state h3{color:#5e6d7a;color:var(--text-secondary);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.empty-state p{color:#94a3b8;color:var(--text-tertiary);font-size:14px;font-size:var(--text-sm);margin:0;max-width:400px}.mt-xs{margin-top:8px;margin-top:var(--spacing-xs)}.mt-sm{margin-top:12px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:32px;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.p-xs{padding:8px;padding:var(--spacing-xs)}.p-sm{padding:12px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:8px;gap:var(--spacing-xs)}.gap-sm{gap:12px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#5e6d7a;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-orange{color:#e3821e;color:var(--primary-orange)}.text-white{color:#fff;color:var(--text-white)}.bg-white{background-color:#fff;background-color:var(--bg-primary)}.bg-gray{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-orange{background-color:#e3821e;background-color:var(--primary-orange)}.bg-orange-light{background-color:#e3821e14;background-color:var(--primary-orange-lighter)}.border{border:1px solid #0000000f;border:1px solid var(--border-light)}.border-orange{border-color:#e3821e;border-color:var(--primary-orange)}.rounded{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.shadow-sm{box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-lg)}@keyframes skeleton-loading{0%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.skeleton{animation:skeleton-loading 1s linear infinite alternate;border-radius:8px;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-title{height:24px;margin-bottom:16px;width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-row{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-light);display:flex;gap:12px;gap:var(--spacing-sm);margin-bottom:12px;margin-bottom:var(--spacing-sm);padding:12px;padding:var(--spacing-sm)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.ims-header-right{display:flex;flex-direction:column;gap:12px!important;gap:var(--spacing-sm)!important;width:100%}.ims-header-right .btn{width:100%}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #0000000f;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);overflow-x:auto}.modal-content{max-height:90vh;overflow-y:auto;padding:16px!important;padding:var(--spacing-md)!important;width:95%!important}.form-row{flex-direction:column;gap:16px!important;gap:var(--spacing-md)!important}.form-row>*{width:100%!important}.dashboard-grid,.dashboard-stats{grid-template-columns:1fr!important}}@media (max-width:480px){.page-header h1{font-size:24px;font-size:var(--text-2xl)}.btn{font-size:12px;font-size:var(--text-xs);padding:12px;padding:var(--spacing-sm) var(--spacing-sm)}}.grn-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:380px 1fr}.grn-cards,.grn-list-panel{display:flex;flex-direction:column}.grn-cards{gap:10px;max-height:calc(100vh - 380px);overflow-y:auto}.grn-card{background:#fff;background:var(--bg-primary);border:1.5px solid #0000000f;border:1.5px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .2s}.grn-card.active,.grn-card:hover{border-color:#e3821e;border-color:var(--primary-orange)}.grn-card.active{background:#fff9f0}.grn-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.grn-id{color:#94a3b8;color:var(--text-tertiary);font-family:monospace;font-size:12px;font-weight:700}.grn-status{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px}.grn-status.large{font-size:13px;padding:5px 14px}.grn-supplier{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:6px}.grn-meta{color:#5e6d7a;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.grn-meta svg{margin-right:3px}.grn-detail-panel{background:#fff;background:var(--bg-primary);border:1px solid #0000000f;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-md);padding:24px}.grn-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.grn-detail-header h2{font-size:22px;margin:0 0 4px}.grn-approval-strip{border-top:1px solid #0000000f;border-top:1px solid var(--border-light);display:flex;gap:12px;margin-top:20px;padding-top:16px}.ims-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg);position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ims-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-light);display:flex;gap:16px;gap:var(--spacing-md);padding:24px 24px 12px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);z-index:1}.modal-icon{color:#e3821e;color:var(--primary-orange);flex-shrink:0;font-size:24px;margin:0}.modal-header h2{font-size:20px;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 2px}.modal-header p{color:#5e6d7a;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);margin:0}.modal-tabs{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-medium);display:flex;padding:0 24px;padding:0 var(--spacing-lg)}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#5e6d7a;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;transition:all .2s}.modal-tab.active,.modal-tab:hover{color:#e3821e;color:var(--primary-orange)}.modal-tab.active{border-bottom-color:#e3821e;border-bottom-color:var(--primary-orange)}.modal-close{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#5e6d7a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;margin-left:auto;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#fde8e8;color:#e74c3c}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:12px 24px 24px;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.modal-row{align-items:flex-start;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:0}.modal-row .form-group{flex:1 1}.modal-footer{background:#f8fafc;background:var(--bg-secondary);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #0000000f;border-top:1px solid var(--border-light);display:flex;gap:12px;gap:var(--spacing-sm);justify-content:flex-end;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);z-index:1}.catalog-barcode-btn,.icon-btn.catalog-barcode-btn{align-items:center!important;background:#f8f9fa!important;border:1.5px solid #dcdde1!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;color:#2980b9!important;cursor:pointer!important;display:inline-flex!important;height:32px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:32px!important}.catalog-barcode-btn:hover,.icon-btn.catalog-barcode-btn:hover{background:#eaf4fb!important;border-color:#3498db!important;color:#2980b9!important}.required,.required-asterisk{color:#e67e22!important;font-weight:700;margin-left:3px}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-trigger{border:1.5px solid #dcdde1;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#2f3640;font-size:14px;font-weight:400;height:38px;justify-content:space-between;padding:0 16px;transition:all .2s ease}.custom-dropdown-trigger-text{flex:1 1;margin-right:8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-trigger:focus{border-color:#e3821e;box-shadow:0 0 0 3px #e3821e26;outline:none}.custom-dropdown-backdrop{background:#0000;inset:0;position:fixed;z-index:10010}.custom-dropdown-menu{animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #dcdde1;border-radius:10px;box-shadow:0 10px 25px #00000014,0 4px 12px #0000000a;left:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:10015}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-dropdown-item{align-items:center;border-radius:6px;color:#2f3640;cursor:pointer;display:flex;font-size:13.5px;font-weight:400;gap:10px;padding:10px 14px;transition:all .15s ease}.custom-dropdown-item:hover{background:#f5f6fa;color:#202124}.custom-dropdown-item.selected{background:#eaf4fb;color:#2980b9;font-weight:400}.quantity-stepper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;display:inline-flex;height:38px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%}.quantity-stepper:focus-within{border-color:#e3821e;box-shadow:0 0 0 3px #e3821e26}.quantity-stepper.stepper-lg{height:44px}.quantity-stepper.stepper-sm{height:32px}.stepper-btn{align-items:center;background:#f8f9fa;border:none;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:100%;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;width:38px}.quantity-stepper.stepper-lg .stepper-btn{font-size:18px;width:44px}.quantity-stepper.stepper-sm .stepper-btn{font-size:14px;width:32px}.quantity-stepper>button:first-of-type{border-right:1px solid #e2e8f0}.quantity-stepper>button:last-of-type{border-left:1px solid #e2e8f0}.stepper-btn:hover{background:#eedfce;color:#e3821e}.stepper-btn:active{background:#e5cdb2}.ims-modal-overlay .quantity-stepper .stepper-input,.quantity-stepper .stepper-input,.stepper-input{-webkit-appearance:textfield;appearance:textfield;background:#fff!important;border:none!important;box-shadow:none!important;color:#2d3748!important;flex:1 1;font-size:14px!important;font-weight:600!important;height:100%!important;min-width:0;outline:none!important;padding:0!important;text-align:center!important}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=date].form-input{box-sizing:border-box!important;height:38px!important;line-height:36px!important;padding:0 12px!important}.ims-form-row .form-group.ims-flex-1,.ims-form-row .ims-flex-1,.modal-row .flex-1,.modal-row .form-group.ims-flex-1,.modal-row .ims-flex-1{flex:1 1!important}.ims-form-row .form-group.ims-flex-2,.ims-form-row .ims-flex-2,.modal-row .flex-2,.modal-row .form-group.ims-flex-2,.modal-row .ims-flex-2{flex:2 1!important}.ims-form-row .form-group.ims-flex-3,.ims-form-row .ims-flex-3,.modal-row .flex-3,.modal-row .form-group.ims-flex-3,.modal-row .ims-flex-3{flex:3 1!important}.App{display:flex}.App,.app-main-content{min-height:100vh;overflow-x:hidden}.app-main-content{background-color:#fff;flex:1 1;margin-left:280px;overflow-y:auto;padding:24px 24px 100px;transition:margin-left .3s ease}body.sidebar-collapsed .app-main-content{margin-left:80px}@media (max-width:768px){.app-main-content{margin-left:0;padding:16px 16px 100px}body.sidebar-collapsed .app-main-content{margin-left:0}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.loading-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c2c2c 50%,#1a1a1a);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.loading-spinner{color:#e0e0e0;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #e3821e33;border-radius:50%;border-top-color:#e3821e;height:50px;margin:0 auto 20px;width:50px}.loading-spinner p{color:#b0b0b0;font-size:18px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.access-denied{align-items:center;background:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.access-denied-content{background:#fff5eb;border:2px solid #e3821e;border-radius:16px;box-shadow:0 8px 32px #e3821e33;max-width:500px;padding:40px;text-align:center;width:100%}.access-denied-content h2{color:#ea4335;font-size:32px;font-weight:700;margin-bottom:16px}.access-denied-content p{color:#2c3e50;font-size:16px;line-height:1.6;margin-bottom:12px}.access-denied-content button{background:#e3821e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.access-denied-content button:hover{background:#d6730a;box-shadow:0 4px 12px #e3821e4d;transform:translateY(-2px)}.access-denied-content button:active{transform:translateY(0)}.subscription-overlay-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.subscription-overlay-modal-card{align-items:center;animation:modalEnter .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e3821e33;border-radius:20px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;gap:24px;max-width:500px;overflow:visible;padding:32px;position:relative;text-align:center;width:100%}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-modal-header{align-items:center;display:flex;flex-direction:column;gap:16px}.overlay-warning-icon{align-items:center;animation:pulseWarning 2s infinite;background:#e74c3c1a;border-radius:50%;color:#e74c3c;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}@keyframes pulseWarning{0%{box-shadow:0 0 0 0 #e74c3c66;transform:scale(1)}70%{box-shadow:0 0 0 10px #e74c3c00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #e74c3c00;transform:scale(1)}}.overlay-modal-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.overlay-modal-body p{color:#5d6d7e;font-size:15px;line-height:1.6;margin:0}.overlay-price-preview{align-items:center;background:#fdf5eb;border:1px solid #e3821e26;border-radius:12px;display:flex;justify-content:space-between;margin-top:8px;padding:16px 20px;width:100%}.overlay-price-preview span{color:#e3821e;font-size:14px;font-weight:600}.overlay-price-preview strong{color:#2c3e50;font-size:20px;font-weight:700}.overlay-price-preview .period{color:#7f8c8d;font-size:12px;font-weight:400}.overlay-modal-footer{flex-direction:column;gap:16px}.btn-pay-activate,.overlay-modal-footer{align-items:center;display:flex;width:100%}.btn-pay-activate{background:#e3821e;border:none;border-radius:12px;box-shadow:0 4px 15px #e3821e33;color:#fff;cursor:pointer;font-size:16px;font-weight:700;justify-content:center;padding:14px 28px;transition:all .25s ease}.btn-pay-activate:hover:not(:disabled){background:#d6730a;box-shadow:0 6px 20px #e3821e4d;transform:translateY(-2px)}.btn-pay-activate:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed}.overlay-goto-settings-link{color:#7f8c8d;font-size:13.5px;text-decoration:underline;transition:color .2s ease}.overlay-goto-settings-link:hover{color:#e3821e}.custom-dropdown-trigger{align-items:center;background:#fff;border:2px solid #ebedf0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;padding:14px 18px;text-align:left;transition:all .25s ease;width:100%}.custom-dropdown-trigger:hover{border-color:#e3821e}.dropdown-trigger-text{color:#7f8c8d;flex:1 1;font-size:14.5px;font-weight:500}.dropdown-trigger-chevron{color:#7f8c8d;font-size:14px;transition:transform .25s ease}.dropdown-trigger-chevron.open{transform:rotate(180deg)}.custom-dropdown-options-list{background:#fff;border:1px solid #ebedf0;border-radius:12px;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;gap:4px;left:0;list-style:none;margin:6px 0 0;max-height:200px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:10000}.custom-dropdown-option-item{align-items:center;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14.5px;gap:10px;padding:12px 14px;transition:all .2s ease}.custom-dropdown-option-item svg{color:#7f8c8d}.custom-dropdown-option-item:hover{background:#fdf5eb;color:#e3821e}.custom-dropdown-option-item:hover svg{color:#e3821e}.current-workspace-badge{background:#fdf5eb;border-radius:6px;color:#e3821e;font-size:11px;font-weight:600;padding:4px 8px}.custom-dropdown-option-item.current-active:hover{background:#0000!important;color:#2c3e50!important}.custom-dropdown-option-item.current-active:hover svg{color:#7f8c8d!important}
/*# sourceMappingURL=main.ead63980.css.map*/