@charset "UTF-8";.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.notification{min-width:300px;padding:15px;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out}.notification.notification-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.notification-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification.notification-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.notification.notification-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.notification-content{flex:1}.notification-close{background:none;border:none;font-size:18px;cursor:pointer;margin-left:10px;opacity:.7}.notification-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar{--s-bg: rgba(2, 6, 23, .85);--s-bg-solid: #020617;--s-border: rgba(34, 211, 238, .08);--s-text: #f1f5f9;--s-text-sec: #94a3b8;--s-text-muted: #475569;--s-accent-cyan: #22d3ee;--s-accent-purple: #a78bfa;--s-gradient: linear-gradient( 135deg, var(--s-accent-cyan), var(--s-accent-purple) );--s-glow-cyan: rgba(34, 211, 238, .4);--s-glow-purple: rgba(167, 139, 250, .4);--s-hover: rgba(255, 255, 255, .03);--s-active-bg: linear-gradient( 90deg, rgba(34, 211, 238, .1), rgba(167, 139, 250, .05) );--s-success: #34d399}.sidebar.light{--s-bg: rgba(255, 255, 255, .85);--s-bg-solid: #ffffff;--s-border: rgba(0, 0, 0, .06);--s-text: #1e293b;--s-text-sec: #64748b;--s-text-muted: #94a3b8;--s-accent-cyan: #06b6d4;--s-accent-purple: #8b5cf6;--s-gradient: linear-gradient( 135deg, var(--s-accent-cyan), var(--s-accent-purple) );--s-glow-cyan: rgba(6, 182, 212, .3);--s-glow-purple: rgba(139, 92, 246, .3);--s-hover: rgba(0, 0, 0, .02);--s-active-bg: linear-gradient( 90deg, rgba(6, 182, 212, .08), rgba(139, 92, 246, .04) );--s-success: #10b981}.sidebar{position:fixed;top:64px;left:0;bottom:0;height:calc(100vh - 64px);width:272px;z-index:1100;display:flex;flex-direction:column;background:var(--s-bg);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);color:var(--s-text);transition:width .4s cubic-bezier(.22,1,.36,1);overflow:hidden;--mx: 50%;--my: 50%}.sidebar.mini{width:72px}.sidebar-mesh{position:absolute;inset:0;background:radial-gradient(at 10% 20%,var(--s-glow-cyan) 0px,transparent 50%),radial-gradient(at 90% 80%,var(--s-glow-purple) 0px,transparent 50%);opacity:.08;pointer-events:none;z-index:0}.mini .sidebar-mesh{opacity:.03}.light .sidebar-mesh{opacity:.05}.sidebar-glow{position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx) var(--my),var(--s-glow-cyan),transparent 60%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s ease}.sidebar:hover .sidebar-glow{opacity:.12}.mini .sidebar-glow{opacity:0!important}.light .sidebar:hover .sidebar-glow{opacity:.06}.sidebar-gradient-border{position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--s-accent-cyan),var(--s-accent-purple),transparent);opacity:.2;z-index:5;animation:borderPulse 4s ease-in-out infinite}.mini .sidebar-gradient-border{opacity:.1}.light .sidebar-gradient-border{opacity:.15}@keyframes borderPulse{0%,to{opacity:.15}50%{opacity:.3}}.sidebar-divider{height:1px;margin:0 20px;background:var(--s-border);flex-shrink:0;position:relative;z-index:2}.sidebar-divider.subtle{margin:4px 24px;opacity:.5}.mini .sidebar-divider{margin:4px 16px;opacity:.3}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 10px 8px;position:relative;z-index:1}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#94a3b81a;border-radius:10px}.mini .sidebar-menu{padding:12px 8px 8px}.mini .sidebar-menu::-webkit-scrollbar{width:0}.menu-group{opacity:0;transform:translate(-16px);transition:none}.menu-group.visible{animation:menuSlideIn .5s cubic-bezier(.22,1,.36,1) forwards}.mini .menu-group{animation:none!important;opacity:1!important;transform:none!important}@keyframes menuSlideIn{to{opacity:1;transform:translate(0)}}.sidebar-item{margin:2px 0;padding:0}.sidebar-item.nested{margin:1px 0}.sidebar-btn{border-radius:10px;padding:10px 14px;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;color:var(--s-text-sec)}.sidebar-btn:before{content:"";position:absolute;inset:0;background:var(--s-hover);border-radius:inherit;opacity:0;transition:opacity .3s ease;border:1px solid transparent}.sidebar-btn:hover:before{opacity:1;border-color:var(--s-border)}.sidebar-btn:hover{color:var(--s-text);transform:translate(2px)}.sidebar-btn:hover .icon-wrap{color:var(--s-accent-cyan);transform:scale(1.1)}.sidebar-btn.open{color:var(--s-text)}.sidebar-btn.open:before{opacity:1;border-color:var(--s-border)}.sidebar-btn.open .icon-wrap{color:var(--s-accent-cyan)}.sidebar-btn.open .chevron{color:var(--s-accent-purple)}.sidebar-btn.parent-active .icon-wrap{color:var(--s-accent-cyan)}.sidebar-btn.parent-active .active-indicator{opacity:1;transform:scaleY(1)}.mini .sidebar-btn{justify-content:center;padding:10px}.mini .sidebar-btn:hover{transform:none}.mini .sidebar-btn:hover .icon-wrap{transform:scale(1.15);filter:drop-shadow(0 0 6px var(--s-glow-cyan))}.active-indicator{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--s-gradient);opacity:0;transform:scaleY(0);transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px var(--s-glow-cyan)}.mini .active-indicator{display:none}.sidebar-icon{min-width:34px;transition:min-width .3s ease}.mini .sidebar-icon{min-width:auto!important}.icon-wrap{display:flex;align-items:center;justify-content:center;color:var(--s-text-sec);transition:all .3s cubic-bezier(.22,1,.36,1)}.icon-wrap .MuiSvgIcon-root{font-size:1.15rem}.icon-wrap-sm{display:flex;align-items:center;justify-content:center;color:var(--s-text-muted);transition:all .3s cubic-bezier(.22,1,.36,1)}.icon-wrap-sm .MuiSvgIcon-root{font-size:1rem}.nested-icon{min-width:30px}.sidebar-label{white-space:nowrap;opacity:1;max-width:180px;transition:opacity .2s ease,max-width .3s cubic-bezier(.22,1,.36,1)}.mini .sidebar-label{opacity:0;max-width:0;overflow:hidden;transition:opacity .1s ease,max-width .15s ease}.chevron{display:flex;align-items:center;justify-content:center;margin-left:auto;color:var(--s-text-muted);transition:all .35s cubic-bezier(.22,1,.36,1);flex-shrink:0}.chevron .MuiSvgIcon-root{font-size:1rem}.chevron.rotated{transform:rotate(90deg);color:var(--s-accent-purple)}.mini .chevron{opacity:0;width:0;overflow:hidden}.children-wrap{position:relative;padding-left:16px;overflow:hidden}.children-wrap:before{content:"";position:absolute;left:24px;top:4px;bottom:8px;width:1.5px;border-radius:1px;background:linear-gradient(180deg,var(--s-accent-cyan),transparent);opacity:.3;pointer-events:none}.nested-btn{padding:8px 12px 8px 14px;border-radius:8px;position:relative}.nested-btn:hover{transform:translate(3px)}.nested-btn:hover .icon-wrap-sm{color:var(--s-accent-cyan)}.nested-btn.active{background:var(--s-active-bg);color:var(--s-accent-cyan);font-weight:600}.nested-btn.active:before{opacity:0}.nested-btn.active .nested-rail.show{opacity:1;transform:scaleY(1)}.nested-btn.active .icon-wrap-sm{color:var(--s-accent-cyan);transform:scale(1.08)}.nested-btn.active:hover{background:var(--s-active-bg);transform:translate(3px)}.nested-rail{position:absolute;left:0;top:4px;bottom:4px;width:2.5px;border-radius:2px;background:var(--s-gradient);opacity:0;transform:scaleY(0);transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px var(--s-glow-cyan)}.active-dot{width:6px;height:6px;border-radius:50%;background:var(--s-accent-cyan);box-shadow:0 0 10px var(--s-glow-cyan);flex-shrink:0;animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px var(--s-glow-cyan)}50%{opacity:.6;transform:scale(1.5);box-shadow:0 0 16px var(--s-glow-cyan)}}.sidebar-footer{flex-shrink:0;position:relative;z-index:2;padding:0 12px 16px;transition:padding .4s cubic-bezier(.22,1,.36,1)}.mini .sidebar-footer{padding:0 8px 12px}.footer-user{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;transition:all .3s ease}.footer-user:hover{background:var(--s-hover)}.mini .footer-user{justify-content:center;padding:10px}.footer-avatar{width:38px!important;height:38px!important;font-size:.85rem!important;font-weight:700!important;background:var(--s-gradient)!important;color:#fff!important;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.footer-user-info{display:flex;flex-direction:column;overflow:hidden;transition:opacity .2s ease,max-width .3s cubic-bezier(.22,1,.36,1);max-width:140px;opacity:1}.mini .footer-user-info{opacity:0;max-width:0;margin:0}.footer-name{font-size:.82rem;font-weight:600;color:var(--s-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-role{font-size:.65rem;font-weight:500;color:var(--s-accent-cyan);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}@media(max-width:768px){.sidebar.mini{width:0;padding:0;overflow:hidden}}.navbar{--n-bg: rgba(2, 6, 23, .85);--n-border: rgba(34, 211, 238, .08);--n-text: #f1f5f9;--n-text-sec: #94a3b8;--n-accent-cyan: #22d3ee;--n-accent-purple: #a78bfa;--n-gradient: linear-gradient( 135deg, var(--n-accent-cyan), var(--n-accent-purple) );--n-glow-cyan: rgba(34, 211, 238, .3);--n-hover: rgba(255, 255, 255, .04);--n-success: #34d399;--n-danger: #f87171;--n-dropdown-bg: rgba(15, 23, 42, .95);--n-dropdown-shadow: 0 24px 80px rgba(0, 0, 0, .5)}.navbar.light{--n-bg: rgba(255, 255, 255, .85);--n-border: rgba(0, 0, 0, .06);--n-text: #1e293b;--n-text-sec: #64748b;--n-accent-cyan: #06b6d4;--n-accent-purple: #8b5cf6;--n-gradient: linear-gradient( 135deg, var(--n-accent-cyan), var(--n-accent-purple) );--n-glow-cyan: rgba(6, 182, 212, .25);--n-hover: rgba(0, 0, 0, .03);--n-success: #10b981;--n-danger: #ef4444;--n-dropdown-bg: rgba(255, 255, 255, .98);--n-dropdown-shadow: 0 20px 60px rgba(0, 0, 0, .1)}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1200;height:64px;background:var(--n-bg);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid var(--n-border);color:var(--n-text);transition:all .35s cubic-bezier(.22,1,.36,1)}.navbar.exiting{opacity:0;transform:translateY(-8px)}.navbar-accent-line{position:absolute;top:0;left:0;right:0;height:2px;background:var(--n-gradient);opacity:.7;z-index:1}.navbar-inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 28px;position:relative;z-index:2}.navbar-left{display:flex;align-items:center;gap:16px}.menu-toggle{width:40px;height:40px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--n-hover);border:1px solid transparent;transition:all .35s cubic-bezier(.22,1,.36,1);cursor:pointer}.menu-toggle .bar{display:block;width:16px;height:2px;border-radius:2px;background:var(--n-accent-cyan);transition:all .4s cubic-bezier(.22,1,.36,1);transform-origin:center}.menu-toggle .bar-2{background:var(--n-accent-purple)}.menu-toggle:hover{border-color:var(--n-border);transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.menu-toggle.open .bar-2{opacity:0;transform:scaleX(0)}.menu-toggle.open .bar-1{transform:rotate(45deg) translate(3px,3px)}.menu-toggle.open .bar-3{transform:rotate(-45deg) translate(3px,-3px)}.navbar-brand{display:flex;align-items:center;gap:10px}.brand-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--n-gradient);color:#fff;font-size:.95rem;font-weight:800;box-shadow:0 4px 12px var(--n-glow-cyan)}.brand-text{font-weight:700!important;font-size:1.1rem!important;background:var(--n-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-right{display:flex;align-items:center;gap:4px}.nav-btn{position:relative;color:var(--n-text-sec);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.nav-btn .MuiSvgIcon-root{font-size:1.2rem;transition:all .3s cubic-bezier(.22,1,.36,1);z-index:1}.nav-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--n-hover);opacity:0;transition:opacity .3s ease}.nav-btn:hover:before{opacity:1}.nav-btn:hover{color:var(--n-accent-cyan);transform:translateY(-1px)}.nav-btn:hover .MuiSvgIcon-root{transform:scale(1.1)}.nav-btn:active{transform:translateY(0) scale(.95)}.theme-btn .btn-glow{position:absolute;inset:0;border-radius:10px;background:transparent;transition:background .4s ease;z-index:0}.theme-btn:hover .btn-glow{background:#22d3ee1a}.notif-btn .MuiBadge-badge{font-size:.6rem!important;font-weight:700!important;min-width:16px!important;height:16px!important;border-radius:8px!important;border:2px solid var(--n-bg)!important;background:var(--n-danger)!important;box-shadow:0 0 10px #f8717166}.nav-sep{width:1px;height:24px;background:var(--n-border);margin:0 8px;border-radius:1px}.profile-trigger{width:auto!important;padding:4px!important;border-radius:24px!important;position:relative}.profile-trigger:hover{background:var(--n-hover)!important}.nav-avatar{width:34px!important;height:34px!important;font-size:.82rem!important;font-weight:600!important;background:var(--n-gradient)!important;color:#fff!important;border:2px solid rgba(255,255,255,.1)}.online-dot{position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--n-success);border:2px solid var(--n-bg);box-shadow:0 0 8px #34d39980}.profile-menu{margin-top:8px!important}.profile-menu .menu-paper{border-radius:14px!important;min-width:260px;overflow:hidden;background:var(--n-dropdown-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--n-border);box-shadow:var(--n-dropdown-shadow);animation:dropIn .28s cubic-bezier(.22,1,.36,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,var(--n-hover),transparent);border-bottom:1px solid var(--n-border)}.menu-avatar-wrap{position:relative;flex-shrink:0}.menu-avatar{width:48px!important;height:48px!important;font-size:1.1rem!important;font-weight:700!important;background:var(--n-gradient)!important;color:#fff!important;border:2px solid rgba(255,255,255,.1)}.menu-online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:var(--n-success);border:2.5px solid var(--n-dropdown-bg);box-shadow:0 0 0 2px #34d39933}.menu-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-name{font-weight:600!important;font-size:.95rem!important;color:var(--n-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-email{font-size:.78rem!important;color:var(--n-text-sec)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-role-badge{display:inline-flex;align-items:center;margin-top:4px;padding:2px 8px;border-radius:6px;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:#22d3ee1a;color:var(--n-accent-cyan);border:1px solid rgba(34,211,238,.2);width:fit-content}.menu-divider{margin:2px 0!important;border-color:var(--n-border)!important}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 20px!important;color:var(--n-text-sec);font-size:.875rem;font-weight:450;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.22,1,.36,1)}.menu-item .menu-item-icon{font-size:1.15rem;color:var(--n-text-sec);transition:all .25s ease}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--n-gradient);border-radius:0 3px 3px 0;transform:scaleY(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}.menu-item:hover{background:var(--n-hover);color:var(--n-accent-cyan);padding-left:24px!important}.menu-item:hover:before{transform:scaleY(1)}.menu-item:hover .menu-item-icon{color:var(--n-accent-cyan);transform:translate(2px)}.menu-item.logout-item:hover{background:#ef444414!important;color:var(--n-danger)!important}.menu-item.logout-item:hover:before{background:var(--n-danger)}.menu-item.logout-item:hover .menu-item-icon{color:var(--n-danger)!important}@media(max-width:768px){.navbar-inner{padding:0 16px}.brand-text{font-size:.95rem!important}.nav-sep{display:none}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.login-page .login-card{width:100%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px}.login-page .login-card .login-header{text-align:center;margin-bottom:30px}.login-page .login-card .login-header h1{font-size:24px;font-weight:600;margin-bottom:8px;color:#333}.login-page .login-card .login-header p{font-size:14px;color:#666;margin:0}.login-page .login-card .login-form .alert-error{background-color:#ffebee;color:#c62828;padding:10px 15px;border-radius:4px;margin-bottom:20px;font-size:14px}.login-page .login-card .login-form .form-group{margin-bottom:20px}.login-page .login-card .login-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.login-page .login-card .login-form .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.login-page .login-card .login-form .form-group input:focus{border-color:#1976d2;outline:none}.login-page .login-card .login-form .form-group .password-wrapper{position:relative;display:flex;align-items:center}.login-page .login-card .login-form .form-group .password-wrapper input{width:100%;padding-right:45px}.login-page .login-card .login-form .form-group .password-wrapper .toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#888;transition:color .2s ease;border-radius:4px}.login-page .login-card .login-form .form-group .password-wrapper .toggle-password-btn:hover{color:#333}.login-page .login-card .login-form .form-group .password-wrapper .toggle-password-btn:focus{outline:2px solid #1976d2;outline-offset:2px}.login-page .login-card .login-form .form-group .password-wrapper .toggle-password-btn:active{color:#000}.login-page .login-card .login-form .form-group .password-wrapper .toggle-password-btn svg{display:block}.login-page .login-card .login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.login-page .login-card .login-form .form-options .checkbox-container{display:flex;align-items:center;font-size:14px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.login-page .login-card .login-form .form-options .checkbox-container input[type=checkbox]{margin-right:8px;cursor:pointer;width:16px;height:16px;accent-color:#1976d2}.login-page .login-card .login-form .form-options .forgot-link{font-size:14px;color:#1976d2;text-decoration:none}.login-page .login-card .login-form .form-options .forgot-link:hover{text-decoration:underline}.login-page .login-card .login-form .btn-submit{width:100%;padding:12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.login-page .login-card .login-form .btn-submit:hover{background-color:#1565c0}.login-page .login-card .login-form .btn-submit:disabled{background-color:#90caf9;cursor:not-allowed}.login-page .login-card .login-footer{text-align:center;margin-top:20px}.login-page .login-card .login-footer p{font-size:14px;color:#666}.login-page .login-card .login-footer p a{color:#1976d2;text-decoration:none;font-weight:500}.login-page .login-card .login-footer p a:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.register-container .register-form-wrapper{width:100%;max-width:900px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px}.register-container .register-form-wrapper h2{text-align:center;margin-bottom:30px;color:#333}.register-container .register-form-wrapper .form-row{display:flex;gap:30px;margin-bottom:20px}@media(max-width:768px){.register-container .register-form-wrapper .form-row{flex-direction:column;gap:0}}.register-container .register-form-wrapper .form-column{flex:1}.register-container .register-form-wrapper .form-column h3{font-size:18px;color:#555;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.register-container .register-form-wrapper .form-group{margin-bottom:20px}.register-container .register-form-wrapper .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.register-container .register-form-wrapper .form-group input,.register-container .register-form-wrapper .form-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.register-container .register-form-wrapper .form-group input:focus,.register-container .register-form-wrapper .form-group select:focus{border-color:#1976d2;outline:none}.register-container .register-form-wrapper .form-group input.input-error,.register-container .register-form-wrapper .form-group select.input-error{border-color:#c62828}.register-container .register-form-wrapper .form-group small{font-size:12px;margin-top:5px;display:block}.register-container .register-form-wrapper .form-group small.error-text{color:#c62828}.register-container .register-form-wrapper .form-group small.success-text{color:#2e7d32}.register-container .register-form-wrapper .form-group small.checking-text{color:#ff8f00}.register-container .register-form-wrapper .form-actions{margin-top:20px;border-top:1px solid #eee;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media(max-width:768px){.register-container .register-form-wrapper .form-actions{flex-direction:column;align-items:stretch}}.register-container .register-form-wrapper .checkbox-group{display:flex;flex-direction:column;gap:10px}.register-container .register-form-wrapper .checkbox-group label{font-size:14px;color:#555;display:flex;align-items:center;gap:8px;cursor:pointer}.register-container .register-form-wrapper .btn-register,.register-container .register-form-wrapper .btn-verify{padding:12px 25px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.register-container .register-form-wrapper .btn-register:hover:not(:disabled),.register-container .register-form-wrapper .btn-verify:hover:not(:disabled){background-color:#1565c0}.register-container .register-form-wrapper .btn-register:disabled,.register-container .register-form-wrapper .btn-verify:disabled{background-color:#90caf9;cursor:not-allowed}.register-container .register-form-wrapper .message{text-align:center;margin-top:20px;padding:10px;border-radius:4px;background-color:#e8f5e9;color:#2e7d32}.register-container .register-form-wrapper .login-link{text-align:center;margin-top:20px;font-size:14px;color:#666}.register-container .register-form-wrapper .login-link a{color:#1976d2;text-decoration:none;font-weight:500}.register-container .register-form-wrapper .login-link a:hover{text-decoration:underline}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.forgot-password-container .forgot-password-form-wrapper{width:100%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px}.forgot-password-container .forgot-password-form-wrapper .form-header{text-align:center;margin-bottom:30px}.forgot-password-container .forgot-password-form-wrapper .form-header .header-icon{font-size:40px;margin-bottom:10px}.forgot-password-container .forgot-password-form-wrapper .form-header h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#333}.forgot-password-container .forgot-password-form-wrapper .form-header p{color:#666;font-size:14px;margin:0}.forgot-password-container .forgot-password-form-wrapper .code-info{display:flex;align-items:center;background-color:#e3f2fd;color:#1565c0;padding:10px 15px;border-radius:4px;margin-bottom:20px;font-size:13px}.forgot-password-container .forgot-password-form-wrapper .code-info .info-icon{margin-right:8px;font-size:16px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group{margin-bottom:20px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group input:focus{border-color:#1976d2;outline:none}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .input-wrapper .input-icon{position:absolute;left:15px;color:#888}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .input-wrapper input{padding-left:40px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper{position:relative;display:flex;justify-content:space-between;gap:8px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper .code-hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper .code-box{width:100%;max-width:48px;height:50px;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#333;background-color:#fff;transition:all .2s ease;pointer-events:none}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper .code-box.active{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper .code-box.filled{border-color:#1976d2;background-color:#f5f9ff}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .code-input-wrapper .code-box.error{border-color:#c62828;background-color:#ffebee}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper{position:relative;display:flex;align-items:center}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper input{width:100%;padding-right:45px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper .toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#888;transition:color .2s ease;border-radius:4px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper .toggle-password-btn:hover{color:#333}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper .toggle-password-btn:focus{outline:2px solid #1976d2;outline-offset:2px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper .toggle-password-btn:active{color:#000}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .password-wrapper .toggle-password-btn svg{display:block}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group small{display:block;margin-top:5px;color:#888;font-size:12px}.forgot-password-container .forgot-password-form-wrapper .reset-form .form-group .error-text{color:#c62828;margin-top:5px}.forgot-password-container .forgot-password-form-wrapper .reset-form .btn-primary{width:100%;padding:12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.forgot-password-container .forgot-password-form-wrapper .reset-form .btn-primary:hover:not(:disabled){background-color:#1565c0}.forgot-password-container .forgot-password-form-wrapper .reset-form .btn-primary:disabled{background-color:#90caf9;cursor:not-allowed}.forgot-password-container .forgot-password-form-wrapper .reset-form .btn-primary .btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.forgot-password-container .forgot-password-form-wrapper .reset-form .btn-primary .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinForgot .8s linear infinite}.forgot-password-container .forgot-password-form-wrapper .reset-form .resend-section{text-align:center;margin-top:15px}.forgot-password-container .forgot-password-form-wrapper .reset-form .resend-section .btn-resend{background:none;border:none;color:#1976d2;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.forgot-password-container .forgot-password-form-wrapper .reset-form .resend-section .btn-resend:hover:not(:disabled){color:#1565c0;text-decoration:underline}.forgot-password-container .forgot-password-form-wrapper .reset-form .resend-section .btn-resend:disabled{color:#aaa;cursor:not-allowed}.forgot-password-container .forgot-password-form-wrapper .message-container{display:flex;align-items:flex-start;text-align:left;margin-top:20px;padding:10px 15px;border-radius:4px;font-size:14px}.forgot-password-container .forgot-password-form-wrapper .message-container .message-icon{margin-right:8px;font-size:16px;margin-top:1px}.forgot-password-container .forgot-password-form-wrapper .message-container.error{background-color:#ffebee;color:#c62828}.forgot-password-container .forgot-password-form-wrapper .message-container.success{background-color:#e8f5e9;color:#2e7d32}.forgot-password-container .forgot-password-form-wrapper .back-to-login{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#666}.forgot-password-container .forgot-password-form-wrapper .back-to-login a{color:#1976d2;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px}.forgot-password-container .forgot-password-form-wrapper .back-to-login a:hover{text-decoration:underline}.forgot-password-container .forgot-password-form-wrapper .back-to-login a .back-icon{font-size:12px}@keyframes spinForgot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.reset-password-page .reset-password-card{width:100%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center}.reset-password-page .reset-password-card .icon-container{margin-bottom:20px;font-size:40px}.reset-password-page .reset-password-card h1{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.reset-password-page .reset-password-card .subtitle{color:#666;margin-bottom:30px;font-size:14px;line-height:1.5}.reset-password-page .reset-password-card .loading-state{padding:40px 0}.reset-password-page .reset-password-card .loading-state .spinner-large{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}.reset-password-page .reset-password-card .loading-state p{color:#666;font-size:14px;margin:0}.reset-password-page .reset-password-card .error-state{padding:20px 0}.reset-password-page .reset-password-card .error-state .error-icon{font-size:40px;color:#c62828;margin-bottom:15px}.reset-password-page .reset-password-card .error-state h2{color:#333;margin-bottom:10px;font-size:20px}.reset-password-page .reset-password-card .error-state p{color:#666;margin-bottom:25px;font-size:14px}.reset-password-page .reset-password-card .error-state .error-actions{display:flex;flex-direction:column;gap:10px}.reset-password-page .reset-password-card .error-state .error-actions a{display:block;text-align:center;padding:12px;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .3s;box-sizing:border-box}.reset-password-page .reset-password-card .error-state .error-actions a.btn-primary{background-color:#1976d2;color:#fff}.reset-password-page .reset-password-card .error-state .error-actions a.btn-primary:hover{background-color:#1565c0}.reset-password-page .reset-password-card .error-state .error-actions a.btn-secondary{background-color:#f5f5f5;color:#333}.reset-password-page .reset-password-card .error-state .error-actions a.btn-secondary:hover{background-color:#e0e0e0}.reset-password-page .reset-password-card .alert{padding:10px 15px;border-radius:4px;margin-bottom:20px;text-align:left;font-size:14px;display:flex;align-items:flex-start;gap:8px}.reset-password-page .reset-password-card .alert.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.reset-password-page .reset-password-card .alert.success .alert-icon{margin-top:1px}.reset-password-page .reset-password-card .alert.success .alert-subtitle{font-size:12px;margin-top:4px;opacity:.8}.reset-password-page .reset-password-card .alert.error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.reset-password-page .reset-password-card .form-group{margin-bottom:20px;text-align:left}.reset-password-page .reset-password-card .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.reset-password-page .reset-password-card .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.reset-password-page .reset-password-card .form-group input:focus{border-color:#1976d2;outline:none}.reset-password-page .reset-password-card .form-group input:disabled{background-color:#f9f9f9;cursor:not-allowed}.reset-password-page .reset-password-card .form-group small{display:block;margin-top:5px;color:#888;font-size:12px}.reset-password-page .reset-password-card .form-group .error-text{color:#c62828}.reset-password-page .reset-password-card .form-group .password-wrapper{position:relative;display:flex;align-items:center}.reset-password-page .reset-password-card .form-group .password-wrapper input{width:100%;padding-right:45px}.reset-password-page .reset-password-card .form-group .password-wrapper .toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#888;transition:color .2s ease;border-radius:4px}.reset-password-page .reset-password-card .form-group .password-wrapper .toggle-password-btn:hover{color:#333}.reset-password-page .reset-password-card .form-group .password-wrapper .toggle-password-btn:focus{outline:2px solid #1976d2;outline-offset:2px}.reset-password-page .reset-password-card .form-group .password-wrapper .toggle-password-btn:active{color:#000}.reset-password-page .reset-password-card .form-group .password-wrapper .toggle-password-btn svg{display:block}.reset-password-page .reset-password-card .btn-primary{width:100%;padding:12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.reset-password-page .reset-password-card .btn-primary:hover:not(:disabled){background-color:#1565c0}.reset-password-page .reset-password-card .btn-primary:disabled{background-color:#90caf9;cursor:not-allowed}.reset-password-page .reset-password-card .btn-primary .btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.reset-password-page .reset-password-card .btn-primary .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.reset-password-page .reset-password-card .back-to-login{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.reset-password-page .reset-password-card .back-to-login a{color:#1976d2;text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.reset-password-page .reset-password-card .back-to-login a:hover{text-decoration:underline}.reset-password-page .reset-password-card .back-to-login a .back-icon{font-size:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.verify-page .verify-card{width:100%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;text-align:center}.verify-page .verify-card .verify-header{margin-bottom:30px}.verify-page .verify-card .verify-header .verify-icon{font-size:40px;margin-bottom:10px}.verify-page .verify-card .verify-header h1{font-size:24px;font-weight:600;margin-bottom:8px;color:#333}.verify-page .verify-card .verify-header p{font-size:14px;color:#666;margin:0}.verify-page .verify-card .alert-info{background-color:#e3f2fd;color:#1565c0;padding:10px 15px;border-radius:4px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;text-align:left}.verify-page .verify-card .alert-error{background-color:#ffebee;color:#c62828;padding:10px 15px;border-radius:4px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;text-align:left}.verify-page .verify-card .alert-icon{margin-right:8px;font-size:16px}.verify-page .verify-card .verify-form .form-group{margin-bottom:20px;text-align:left}.verify-page .verify-card .verify-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.verify-page .verify-card .verify-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.verify-page .verify-card .verify-form .form-group .input-wrapper .input-icon{position:absolute;left:15px;color:#888}.verify-page .verify-card .verify-form .form-group .input-wrapper input{padding-left:40px}.verify-page .verify-card .verify-form .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.verify-page .verify-card .verify-form .form-group input:focus{border-color:#1976d2;outline:none}.verify-page .verify-card .verify-form .form-group .code-input-wrapper{position:relative;display:flex;justify-content:space-between;gap:8px}.verify-page .verify-card .verify-form .form-group .code-input-wrapper .code-hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.verify-page .verify-card .verify-form .form-group .code-input-wrapper .code-box{width:100%;max-width:48px;height:50px;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#333;background-color:#fff;transition:all .2s ease;pointer-events:none}.verify-page .verify-card .verify-form .form-group .code-input-wrapper .code-box.active{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.verify-page .verify-card .verify-form .form-group .code-input-wrapper .code-box.filled{border-color:#1976d2;background-color:#f5f9ff}.verify-page .verify-card .verify-form .form-group .code-input-wrapper .code-box.error{border-color:#c62828;background-color:#ffebee}.verify-page .verify-card .verify-form .btn-submit{width:100%;padding:12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.verify-page .verify-card .verify-form .btn-submit:hover{background-color:#1565c0}.verify-page .verify-card .verify-form .btn-submit:disabled{background-color:#90caf9;cursor:not-allowed}.verify-page .verify-card .verify-form .btn-submit .btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.verify-page .verify-card .verify-form .btn-submit .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.verify-page .verify-card .verify-footer{margin-top:20px;font-size:14px;color:#666}.verify-page .verify-card .verify-footer .resend-section{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.verify-page .verify-card .verify-footer .resend-section p{margin:0 0 8px;font-size:13px;color:#888}.verify-page .verify-card .verify-footer .resend-section .btn-resend{background:none;border:none;color:#1976d2;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.verify-page .verify-card .verify-footer .resend-section .btn-resend:hover:not(:disabled){color:#1565c0;text-decoration:underline}.verify-page .verify-card .verify-footer .resend-section .btn-resend:disabled{color:#aaa;cursor:not-allowed}.verify-page .verify-card .verify-footer .countdown-bar{width:100%;height:3px;background-color:#eee;border-radius:2px;margin-bottom:15px;overflow:hidden}.verify-page .verify-card .verify-footer .countdown-bar .countdown-progress{height:100%;background-color:#1976d2;transition:width 1s linear}.verify-page .verify-card .verify-footer .navigation-links{display:flex;flex-direction:column;gap:8px}.verify-page .verify-card .verify-footer .navigation-links .btn-link{background:none;border:none;color:#1976d2;text-decoration:none;cursor:pointer;font-size:14px;padding:0;transition:color .2s}.verify-page .verify-card .verify-footer .navigation-links .btn-link:hover{color:#1565c0;text-decoration:underline}.salesorder-container{padding:24px;min-height:100vh;background-color:#f4f6f8;color:#172b4d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.salesorder-container.dark{background-color:#0d1117;color:#e6edf3}.salesorder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.salesorder-header h1{font-size:24px;font-weight:700;color:inherit;letter-spacing:-.5px;margin:0}.salesorder-header .header-actions{display:flex;gap:10px}.search-and-filters .search-bar input:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed;border-style:dashed}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:200px;flex:1}.search-and-filters .filter-bar .filter-group select:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed;border-style:dashed}.search-and-filters .filter-bar .filter-group select{height:42px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236b778c' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.dark .search-and-filters .filter-bar .filter-group select{background-color:#161b22;border-color:#30363d;color:#e6edf3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%238b949e' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.salesorder-table-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #091e4214;overflow:hidden}.dark .salesorder-table-container{background-color:#161b22;border:1px solid #30363d}.salesorder-table-container .salesorder-table{width:100%;border-collapse:collapse}.salesorder-table-container .salesorder-table th{background-color:#fafbfc;padding:14px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;color:#6b778c;border-bottom:2px solid #ebecf0;white-space:nowrap}.dark .salesorder-table-container .salesorder-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.salesorder-table-container .salesorder-table td{padding:14px 16px;border-bottom:1px solid #ebecf0;vertical-align:middle;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .salesorder-table-container .salesorder-table td{border-bottom-color:#30363d}.salesorder-table-container .salesorder-table tbody tr:hover{background-color:#f0f7ff}.dark .salesorder-table-container .salesorder-table tbody tr:hover{background-color:#ffffff08}.salesorder-table-container .salesorder-table .order-number-cell{display:flex;align-items:center;gap:12px}.salesorder-table-container .salesorder-table .order-number-cell .order-avatar{width:38px;height:38px;background-color:#1976d21a;color:#1976d2;font-weight:700}.dark .salesorder-table-container .salesorder-table .order-number-cell .order-avatar{background-color:#1976d233}.salesorder-table-container .salesorder-table .order-number-cell .order-number{font-weight:600;color:#172b4d}.dark .salesorder-table-container .salesorder-table .order-number-cell .order-number{color:#e6edf3}.salesorder-table-container .salesorder-table .order-number-cell .client-name{font-size:12px;color:#6b778c;margin-top:2px}.dark .salesorder-table-container .salesorder-table .order-number-cell .client-name{color:#8b949e}.salesorder-table-container .salesorder-table .route-cell{display:inline-flex;align-items:center;gap:6px;background-color:#fdfefe;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600}.dark .salesorder-table-container .salesorder-table .route-cell{background-color:#ffffff0d}.salesorder-table-container .salesorder-table .route-cell .arrow{color:#6b778c}.salesorder-table-container .salesorder-table .status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fff;display:inline-flex;align-items:center;box-shadow:0 2px 4px #0000001a}.salesorder-table-container .salesorder-table .action-column .action-buttons{display:flex;gap:6px;justify-content:center}.salesorder-table-container .salesorder-table .action-column .action-buttons button{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b778c;transition:all .25s cubic-bezier(.4,0,.2,1)}.salesorder-table-container .salesorder-table .action-column .action-buttons button:hover{background-color:#1976d21a;color:#1976d2}.salesorder-table-container .salesorder-table .action-column .action-buttons button.btn-delete:hover{color:#d32f2f;background-color:#d32f2f1a}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ebecf0;margin-bottom:0}.salesorder-form{padding:0 24px 24px}.salesorder-form .form-step{margin-top:24px;animation:fadeIn .3s ease-in-out}.salesorder-form .form-row{display:flex;gap:20px;margin-bottom:0}@media(max-width:768px){.salesorder-form .form-row{flex-direction:column;gap:0}}.salesorder-form .form-group{margin-bottom:20px;flex:1;display:flex;flex-direction:column}.salesorder-form .form-group.full-width{flex:100%}.salesorder-form .form-group label{display:block;font-size:13px;font-weight:600;color:#6b778c;margin-bottom:8px}.dark .salesorder-form .form-group label{color:#8b949e}.salesorder-form .form-group input,.salesorder-form .form-group select,.salesorder-form .form-group textarea{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.salesorder-form .form-group input:focus,.salesorder-form .form-group select:focus,.salesorder-form .form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.salesorder-form .form-group input:disabled,.salesorder-form .form-group select:disabled,.salesorder-form .form-group textarea:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed;border-style:dashed}.dark .salesorder-form .form-group input,.dark .salesorder-form .form-group select,.dark .salesorder-form .form-group textarea{background-color:#21262d;border-color:#30363d;color:#e6edf3}.salesorder-form .form-group textarea{resize:vertical;min-height:80px}.salesorder-form .form-group small{display:block;margin-top:6px;font-size:11px;color:#6b778c;font-style:italic}.dark .salesorder-form .form-group small{color:#8b949e}.salesorder-form .form-group .MuiFormControl-root{width:100%}.salesorder-form .form-group .MuiOutlinedInput-root{border-radius:6px;background-color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .salesorder-form .form-group .MuiOutlinedInput-root{background-color:#21262d}.salesorder-form .form-group .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:12px 14px;height:24px;font-size:14px;color:#172b4d;box-sizing:border-box}.dark .salesorder-form .form-group .MuiOutlinedInput-root .MuiOutlinedInput-input{color:#e6edf3}.salesorder-form .form-group .MuiOutlinedInput-root fieldset{border-color:#dfe1e6;transition:all .25s cubic-bezier(.4,0,.2,1)}.salesorder-form .form-group .MuiOutlinedInput-root fieldset legend{display:none}.salesorder-form .form-group .MuiOutlinedInput-root:hover fieldset{border-color:#c2c6d0}.dark .salesorder-form .form-group .MuiOutlinedInput-root:hover fieldset{border-color:#464f5a}.salesorder-form .form-group .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2;border-width:1px;box-shadow:0 0 0 3px #1976d226}.salesorder-form .form-group .disabled-input{background-color:#f5f5f5;color:#6b778c}.dark .salesorder-form .form-group .disabled-input{background-color:#ffffff0d;color:#8b949e;border-color:#30363d80}.salesorder-form .items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.salesorder-form .items-header h3{margin:0;font-size:16px;font-weight:700;color:#172b4d}.dark .salesorder-form .items-header h3{color:#e6edf3}.salesorder-form .total-cbm{background-color:#0288d114;color:#02679e;padding:14px 18px;border-radius:6px;font-weight:600;text-align:right;margin-bottom:20px;border:1px solid rgba(2,136,209,.2);font-size:14px}.dark .salesorder-form .total-cbm{background-color:#0288d126;color:#3cb9fd;border-color:#0288d14d}.salesorder-form .total-cbm span{font-size:18px;margin-left:8px}.salesorder-form .item-accordion{border:1px solid #ebecf0;border-radius:6px!important;box-shadow:none;margin-bottom:12px!important;overflow:hidden}.salesorder-form .item-accordion:before{display:none}.dark .salesorder-form .item-accordion{background-color:#21262d;border-color:#30363d}.salesorder-form .item-accordion .MuiAccordionSummary-root{background-color:#f4f6f8;min-height:56px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .salesorder-form .item-accordion .MuiAccordionSummary-root{background-color:#ffffff05}.salesorder-form .item-accordion .MuiAccordionSummary-root:hover{background-color:#eef1f4}.dark .salesorder-form .item-accordion .MuiAccordionSummary-root:hover{background-color:#ffffff0d}.salesorder-form .item-accordion .MuiAccordionSummary-root .item-summary{display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:#172b4d}.dark .salesorder-form .item-accordion .MuiAccordionSummary-root .item-summary{color:#e6edf3}.salesorder-form .item-accordion .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:#6b778c}.dark .salesorder-form .item-accordion .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:#8b949e}.salesorder-form .item-accordion .MuiAccordionDetails-root{padding:20px;background-color:#fff;border-top:1px solid #ebecf0}.dark .salesorder-form .item-accordion .MuiAccordionDetails-root{background-color:#161b22;border-top-color:#30363d}.salesorder-form .btn-calculate{background-color:#0288d1;color:#fff;box-shadow:none}.salesorder-form .btn-calculate:hover{background-color:#02679e;box-shadow:0 2px 6px #0288d14d}.view-salesorder-dialog .info-section{margin-bottom:32px}.view-salesorder-dialog .info-section .section-title{font-size:14px;font-weight:700;color:#1976d2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(25,118,210,.2)}.view-salesorder-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}@media(max-width:600px){.view-salesorder-dialog .info-section .info-grid{grid-template-columns:1fr}}.view-salesorder-dialog .info-section .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;background-color:transparent;border-bottom:1px dashed #ebecf0}.dark .view-salesorder-dialog .info-section .info-grid .info-item{border-bottom-color:#30363d80}.view-salesorder-dialog .info-section .info-grid .info-item .info-label{font-size:13px;color:#6b778c;margin-bottom:0;font-weight:500;white-space:nowrap}.dark .view-salesorder-dialog .info-section .info-grid .info-item .info-label{color:#8b949e}.view-salesorder-dialog .info-section .info-grid .info-item .info-value{font-size:14px;font-weight:600;color:#172b4d;text-align:right;margin-left:16px}.dark .view-salesorder-dialog .info-section .info-grid .info-item .info-value{color:#e6edf3}.view-salesorder-dialog .info-section .info-grid .info-item.full-width{grid-column:1/-1;flex-direction:column;align-items:flex-start;border-bottom:none}.view-salesorder-dialog .info-section .info-grid .info-item.full-width .info-label{margin-bottom:4px}.view-salesorder-dialog .info-section .info-grid .info-item.full-width .info-value{text-align:left;margin-left:0;margin-top:4px;width:100%}.view-salesorder-dialog .items-table-container{overflow-x:auto;border-radius:6px;border:1px solid #ebecf0}.dark .view-salesorder-dialog .items-table-container{border-color:#30363d}.view-salesorder-dialog .items-table-container .items-table{width:100%;border-collapse:collapse;min-width:600px}.view-salesorder-dialog .items-table-container .items-table th,.view-salesorder-dialog .items-table-container .items-table td{padding:10px 12px;text-align:left;font-size:13px}.view-salesorder-dialog .items-table-container .items-table th{background-color:#f4f6f8;font-weight:600;color:#6b778c;border-bottom:1px solid #ebecf0}.dark .view-salesorder-dialog .items-table-container .items-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.view-salesorder-dialog .items-table-container .items-table td{border-bottom:1px solid #ebecf0}.dark .view-salesorder-dialog .items-table-container .items-table td{border-bottom-color:#30363d}@media(max-width:768px){.salesorder-container{padding:16px 16px 100px}.salesorder-table-container{background-color:transparent;box-shadow:none;border:none}.salesorder-table-container .salesorder-table thead{display:none}.salesorder-table-container .salesorder-table tbody{display:flex;flex-direction:column;gap:12px}.salesorder-table-container .salesorder-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 4px 12px #091e4214;position:relative;gap:8px}.dark .salesorder-table-container .salesorder-table tbody tr{background-color:#161b22;border:1px solid #30363d}.salesorder-table-container .salesorder-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(223,225,230,.5)}.dark .salesorder-table-container .salesorder-table tbody tr td{border-bottom-color:#30363d80}.salesorder-table-container .salesorder-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6b778c;text-transform:uppercase}.dark .salesorder-table-container .salesorder-table tbody tr td:before{color:#8b949e}.salesorder-table-container .salesorder-table tbody tr td:nth-child(1){display:none}.salesorder-table-container .salesorder-table tbody tr td:nth-child(2){flex-direction:column;align-items:flex-start;border-bottom:1px solid #ebecf0;padding-bottom:12px;margin-bottom:8px}.salesorder-table-container .salesorder-table tbody tr td:nth-child(2):before{display:none}.salesorder-table-container .salesorder-table tbody tr td:nth-child(2) .order-number-cell{margin-bottom:4px}.salesorder-table-container .salesorder-table tbody tr td:nth-child(2) .order-number-cell .order-number{font-size:16px}.salesorder-table-container .salesorder-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:12px;margin-top:4px}.salesorder-table-container .salesorder-table tbody tr td.action-column:before{display:none}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}.floating-add-btn,.floating-import-btn{box-shadow:0 4px 12px #0003}}.shipmentplanning-container{padding:24px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.shipmentplanning-container.dark{background-color:#121212;color:#fff}.shipmentplanning-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.shipmentplanning-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.shipmentplanning-header .header-actions{display:flex;gap:12px}.search-and-filters .bulk-actions-container{display:flex;justify-content:flex-start;padding:16px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;transition:all .3s ease;border-left:5px solid #1976d2}.search-and-filters .bulk-actions-container.dark{background-color:#2d2d2d;border-left-color:#64a9ed}.search-and-filters .bulk-actions-container .bulk-actions{display:flex;gap:12px;align-items:center;width:100%}.search-and-filters .bulk-actions-container .bulk-actions .selected-count{font-weight:600;color:#1976d2;margin-right:8px;font-size:15px}.search-and-filters .bulk-actions-container .bulk-actions .btn{background-color:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.search-and-filters .bulk-actions-container .bulk-actions .btn:hover{background-color:#1562ae;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.search-and-filters .bulk-actions-container .bulk-actions .btn:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.search-and-filters .bulk-actions-container .bulk-actions .btn{font-size:13px;padding:8px 16px}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-success{background-color:#4caf50}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-success:hover{background-color:#409343}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-danger{background-color:#f44336}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-danger:hover{background-color:#f21f0f}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-warning{background-color:#ff9800}.search-and-filters .bulk-actions-container .bulk-actions .btn.btn-warning:hover{background-color:#d68000}.shipmentplanning-table-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.shipmentplanning-table-container.dark{background-color:#2d2d2d}.shipmentplanning-table-container .shipmentplanning-table{width:100%;border-collapse:collapse}.shipmentplanning-table-container .shipmentplanning-table th{background-color:#fafafa;padding:16px 12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.shipmentplanning-table-container .shipmentplanning-table th:first-child{width:40px}.shipmentplanning-table-container .shipmentplanning-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle;font-size:14px}.shipmentplanning-table-container .shipmentplanning-table td:first-child{text-align:center}.shipmentplanning-table-container .shipmentplanning-table tr:last-child td{border-bottom:none}.shipmentplanning-table-container .shipmentplanning-table tbody tr{transition:background-color .2s ease}.shipmentplanning-table-container .shipmentplanning-table tbody tr:hover{background-color:#1976d20a}.shipmentplanning-table-container .shipmentplanning-table tbody tr.selected{background-color:#1976d214}.shipmentplanning-table-container .shipmentplanning-table .order-number-cell{display:flex;align-items:center;gap:12px}.shipmentplanning-table-container .shipmentplanning-table .order-number-cell .order-avatar{background-color:#1976d2;color:#fff;width:36px;height:36px;box-shadow:0 2px 4px #0000001a}.shipmentplanning-table-container .shipmentplanning-table .order-number-cell .order-number{font-weight:600}.shipmentplanning-table-container .shipmentplanning-table .order-number-cell .client-name{font-size:12px;color:#666;margin-top:2px}.shipmentplanning-table-container .shipmentplanning-table .po-number-cell{display:flex;align-items:center;gap:6px;font-weight:500}.shipmentplanning-table-container .shipmentplanning-table .po-number-cell .po-icon{color:#1976d2;font-size:16px}.shipmentplanning-table-container .shipmentplanning-table .route-cell{display:flex;align-items:center;gap:8px;background:#00000008;padding:4px 8px;border-radius:4px;width:fit-content}.shipmentplanning-table-container .shipmentplanning-table .route-cell .origin,.shipmentplanning-table-container .shipmentplanning-table .route-cell .destination{font-weight:600;font-size:13px}.shipmentplanning-table-container .shipmentplanning-table .route-cell .arrow{color:#999}.shipmentplanning-table-container .shipmentplanning-table .status-badge{padding:5px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;min-width:80px;display:inline-flex;justify-content:center;box-shadow:0 1px 2px #0000001a}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons{display:flex;gap:8px;justify-content:center}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons .btn .btn-icon{font-size:18px}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons .btn.btn-primary:hover{background-color:#1976d21a}.shipmentplanning-table-container .shipmentplanning-table .action-column .action-buttons .btn:hover{transform:scale(1.1)}.view-shipmentplanning-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.view-shipmentplanning-dialog .dialog-title h2{margin:0;font-size:20px;font-weight:700}.view-shipmentplanning-dialog .tab-content{padding:24px}.view-shipmentplanning-dialog .tab-content .info-section{margin-bottom:32px}.view-shipmentplanning-dialog .tab-content .info-section .section-title{margin-bottom:16px;color:#1976d2;font-size:16px;font-weight:700;border-bottom:2px solid rgba(25,118,210,.2);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.view-shipmentplanning-dialog .tab-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.view-shipmentplanning-dialog .tab-content .info-section .info-grid .info-item{padding:12px;background:#f9f9f9;border-radius:8px}.view-shipmentplanning-dialog .tab-content .info-section .info-grid .info-item .info-label{font-size:12px;color:#666;margin-bottom:4px;font-weight:600}.view-shipmentplanning-dialog .tab-content .info-section .info-grid .info-item .info-value{color:#333;font-weight:500;font-size:14px}.view-shipmentplanning-dialog .tab-content .items-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.view-shipmentplanning-dialog .tab-content .items-table-container .items-table{width:100%;border-collapse:collapse}.view-shipmentplanning-dialog .tab-content .items-table-container .items-table th,.view-shipmentplanning-dialog .tab-content .items-table-container .items-table td{padding:12px;text-align:left;font-size:14px}.view-shipmentplanning-dialog .tab-content .items-table-container .items-table th{background-color:#f5f5f5;font-weight:600}.shipmentplanning-container.dark .shipmentplanning-table-container{background-color:#2d2d2d}.shipmentplanning-container.dark .shipmentplanning-table th{background-color:#1e1e1e;color:#fff;border-color:#404040}.shipmentplanning-container.dark .shipmentplanning-table td{border-color:#404040;color:#fff}.shipmentplanning-container.dark .shipmentplanning-table .order-number-cell .client-name{color:#b0b0b0}.shipmentplanning-container.dark .shipmentplanning-table .route-cell{background:#ffffff0d}.shipmentplanning-container.dark .shipmentplanning-table .action-column .action-buttons .btn{background-color:#1e1e1e;color:#fff}.shipmentplanning-container.dark .shipmentplanning-table .action-column .action-buttons .btn:hover{background-color:#323232}.shipmentplanning-container.dark .search-bar input,.shipmentplanning-container.dark .filter-group select{background-color:#1e1e1e;color:#fff;border-color:#404040}.shipmentplanning-container.dark .bulk-actions-container{background-color:#2d2d2d;border-color:#404040}.shipmentplanning-container.dark .bulk-actions-container .selected-count{color:#64a9ed}.shipmentplanning-container.dark .view-shipmentplanning-dialog .dialog-title{border-color:#404040;background-color:#2d2d2d;color:#fff}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .info-section .section-title{border-color:#404040;color:#64a9ed}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .info-item{background:#1e1e1e}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .info-item .info-label{color:#b0b0b0}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .info-item .info-value{color:#fff}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .items-table-container .items-table th{background-color:#1e1e1e;border-color:#404040}.shipmentplanning-container.dark .view-shipmentplanning-dialog .tab-content .items-table-container .items-table td{border-color:#404040}@media(max-width:768px){.shipmentplanning-container{padding:16px 16px 100px}.shipmentplanning-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}.shipmentplanning-header h1{font-size:22px}.shipmentplanning-header .header-actions{width:100%;justify-content:flex-end}.bulk-actions-container{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;z-index:1000;box-shadow:0 -4px 12px #0000001a;padding:12px 16px;justify-content:center}.bulk-actions-container .bulk-actions{flex-wrap:wrap;justify-content:center}.bulk-actions-container .bulk-actions .selected-count{width:100%;text-align:center;margin-bottom:8px;margin-right:0}.bulk-actions-container .bulk-actions .btn{flex:1;justify-content:center}.shipmentplanning-table-container{background-color:transparent;box-shadow:none;overflow:visible}.shipmentplanning-table thead{display:none}.shipmentplanning-table tbody{display:flex;flex-direction:column;gap:12px}.shipmentplanning-table tr{display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;position:relative;border:1px solid transparent;transition:all .3s ease}.shipmentplanning-table tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shipmentplanning-table tr.selected{border-color:#1976d2;background-color:#1976d205}.shipmentplanning-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;text-align:right}.shipmentplanning-table td:before{content:attr(data-label);font-weight:600;color:#666;text-align:left;padding-right:16px;font-size:12px;text-transform:uppercase}.shipmentplanning-table td:nth-child(3){order:-1;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.shipmentplanning-table td:nth-child(3):before{display:none}.shipmentplanning-table td:nth-child(3) .order-number-cell{width:100%;justify-content:flex-start}.shipmentplanning-table td:nth-child(3) .order-number-cell .order-number{font-size:16px;font-weight:700}.shipmentplanning-table td:nth-child(1){position:absolute;top:16px;right:16px;padding:0;border:none}.shipmentplanning-table td:nth-child(1):before{display:none}.shipmentplanning-table td:nth-child(2){display:none}.shipmentplanning-table td.action-column{justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px dashed #e0e0e0;border-bottom:none}.shipmentplanning-table td.action-column:before{display:none}.dark .shipmentplanning-table tr{background-color:#2d2d2d;border-color:#404040}.dark .shipmentplanning-table td{border-color:#404040}.dark .shipmentplanning-table td:before{color:#b0b0b0}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}}.datasalesorder-container{padding:24px;min-height:100vh;background-color:#f4f6f8;color:#172b4d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.datasalesorder-container.dark{background-color:#0d1117;color:#e6edf3}.datasalesorder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.datasalesorder-header h1{font-size:24px;font-weight:700;color:inherit;letter-spacing:-.5px;margin:0}.datasalesorder-header .header-actions{display:flex;gap:10px}.search-and-filters .search-bar input{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.search-and-filters .filter-bar .filter-group select{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.search-and-filters .filter-bar .filter-group select{height:42px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236b778c' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.dark .search-and-filters .filter-bar .filter-group select{background-color:#161b22;border-color:#30363d;color:#e6edf3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%238b949e' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.datasalesorder-table-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #091e4214;overflow:hidden}.dark .datasalesorder-table-container{background-color:#161b22;border:1px solid #30363d}.datasalesorder-table-container .datasalesorder-table{width:100%;border-collapse:collapse}.datasalesorder-table-container .datasalesorder-table th{background-color:#fafbfc;padding:14px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;color:#6b778c;border-bottom:2px solid #ebecf0;white-space:nowrap}.dark .datasalesorder-table-container .datasalesorder-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.datasalesorder-table-container .datasalesorder-table td{padding:14px 16px;border-bottom:1px solid #ebecf0;vertical-align:middle;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .datasalesorder-table-container .datasalesorder-table td{border-bottom-color:#30363d}.datasalesorder-table-container .datasalesorder-table tbody tr:hover{background-color:#f0f7ff}.dark .datasalesorder-table-container .datasalesorder-table tbody tr:hover{background-color:#ffffff08}.datasalesorder-table-container .datasalesorder-table .order-number-cell{display:flex;align-items:center;gap:12px}.datasalesorder-table-container .datasalesorder-table .order-number-cell .order-avatar{width:38px;height:38px;background-color:#1976d21a;color:#1976d2;font-weight:700}.dark .datasalesorder-table-container .datasalesorder-table .order-number-cell .order-avatar{background-color:#1976d233}.datasalesorder-table-container .datasalesorder-table .order-number-cell .order-number{font-weight:600;color:#172b4d}.dark .datasalesorder-table-container .datasalesorder-table .order-number-cell .order-number{color:#e6edf3}.datasalesorder-table-container .datasalesorder-table .order-number-cell .client-name{font-size:12px;color:#6b778c;margin-top:2px}.dark .datasalesorder-table-container .datasalesorder-table .order-number-cell .client-name{color:#8b949e}.datasalesorder-table-container .datasalesorder-table .order-number-cell .customer-name{font-weight:600;color:#172b4d}.dark .datasalesorder-table-container .datasalesorder-table .order-number-cell .customer-name{color:#e6edf3}.datasalesorder-table-container .datasalesorder-table .route-cell{display:inline-flex;align-items:center;gap:6px;background-color:#fdfefe;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600}.dark .datasalesorder-table-container .datasalesorder-table .route-cell{background-color:#ffffff0d}.datasalesorder-table-container .datasalesorder-table .route-cell .arrow{color:#6b778c}.datasalesorder-table-container .datasalesorder-table .status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fff;display:inline-flex;align-items:center;box-shadow:0 2px 4px #0000001a}.datasalesorder-table-container .datasalesorder-table .action-column .action-buttons{display:flex;gap:6px;justify-content:center}.datasalesorder-table-container .datasalesorder-table .action-column .action-buttons button{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b778c;transition:all .25s cubic-bezier(.4,0,.2,1)}.datasalesorder-table-container .datasalesorder-table .action-column .action-buttons button:hover{background-color:#1976d21a;color:#1976d2}.datasalesorder-table-container .datasalesorder-table .action-column .action-buttons button.btn-delete:hover{color:#d32f2f;background-color:#d32f2f1a}body.dark .MuiDialogActions-root{border-top:1px solid #30363d}body.dark .MuiAccordion-root{background-color:#21262d;border-color:#30363d}body.dark .MuiAccordionSummary-root{border-bottom-color:#30363d}body.dark .MuiAccordionDetails-root{color:#e6edf3}.datasalesorder-form{padding:24px}.datasalesorder-form .form-group{margin-bottom:20px}.datasalesorder-form .form-group label{display:block;font-size:13px;font-weight:600;color:#6b778c;margin-bottom:8px}.dark .datasalesorder-form .form-group label{color:#8b949e}.datasalesorder-form .form-group input,.datasalesorder-form .form-group select,.datasalesorder-form .form-group textarea{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.datasalesorder-form .form-group input:focus,.datasalesorder-form .form-group select:focus,.datasalesorder-form .form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.datasalesorder-form .form-group input:disabled,.datasalesorder-form .form-group select:disabled,.datasalesorder-form .form-group textarea:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed}.dark .datasalesorder-form .form-group input,.dark .datasalesorder-form .form-group select,.dark .datasalesorder-form .form-group textarea{background-color:#21262d;border-color:#30363d;color:#e6edf3}.datasalesorder-form .form-group .MuiOutlinedInput-root{border-radius:6px}.dark .datasalesorder-form .form-group .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#30363d}.dark .datasalesorder-form .form-group .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#464f5a}.datasalesorder-form .form-row{display:flex;gap:20px}@media(max-width:768px){.datasalesorder-form .form-row{flex-direction:column}}.datasalesorder-form .item-accordion{border:1px solid #ebecf0;border-radius:6px!important;box-shadow:none;margin-bottom:12px}.datasalesorder-form .item-accordion:before{display:none}.dark .datasalesorder-form .item-accordion{background-color:#21262d;border-color:#30363d}.datasalesorder-form .item-accordion .MuiAccordionSummary-root{background-color:#1976d208}.dark .datasalesorder-form .item-accordion .MuiAccordionSummary-root{background-color:#ffffff05}.datasalesorder-form .total-cbm{background-color:#0288d11a;color:#0288d1;padding:12px 16px;border-radius:6px;font-weight:600;text-align:right;margin-bottom:16px}.dark .datasalesorder-form .total-cbm{background-color:#0288d126}.view-datasalesorder-dialog .tab-content .info-section{margin-bottom:32px}.view-datasalesorder-dialog .tab-content .info-section .section-title{font-size:14px;font-weight:700;color:#1976d2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(25,118,210,.2)}.view-datasalesorder-dialog .tab-content .info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}@media(max-width:600px){.view-datasalesorder-dialog .tab-content .info-section .info-grid{grid-template-columns:1fr}}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;background-color:transparent;border-bottom:1px dashed #ebecf0}.dark .view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item{border-bottom-color:#30363d80}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item .info-label{font-size:13px;color:#6b778c;margin-bottom:0;font-weight:500;white-space:nowrap}.dark .view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item .info-label{color:#8b949e}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item .info-value{font-size:14px;font-weight:600;color:#172b4d;text-align:right;margin-left:16px}.dark .view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item .info-value{color:#e6edf3}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item.full-width{grid-column:1/-1;flex-direction:column;align-items:flex-start;border-bottom:none}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item.full-width .info-label{margin-bottom:4px}.view-datasalesorder-dialog .tab-content .info-section .info-grid .info-item.full-width .info-value{text-align:left;margin-left:0;margin-top:4px;width:100%}.view-datasalesorder-dialog .tab-content .items-table-container{overflow-x:auto;border-radius:6px;border:1px solid #ebecf0}.dark .view-datasalesorder-dialog .tab-content .items-table-container{border-color:#30363d}.view-datasalesorder-dialog .tab-content .items-table-container .items-table{width:100%;border-collapse:collapse;min-width:600px}.view-datasalesorder-dialog .tab-content .items-table-container .items-table th,.view-datasalesorder-dialog .tab-content .items-table-container .items-table td{padding:10px 12px;text-align:left;font-size:13px}.view-datasalesorder-dialog .tab-content .items-table-container .items-table th{background-color:#f4f6f8;font-weight:600;color:#6b778c;border-bottom:1px solid #ebecf0}.dark .view-datasalesorder-dialog .tab-content .items-table-container .items-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.view-datasalesorder-dialog .tab-content .items-table-container .items-table td{border-bottom:1px solid #ebecf0}.dark .view-datasalesorder-dialog .tab-content .items-table-container .items-table td{border-bottom-color:#30363d}.upload-dialog .file-info{margin-top:10px;padding:12px;background-color:#f4f6f8;border-radius:6px;font-size:13px}.dark .upload-dialog .file-info{background-color:#21262d}.upload-dialog .excel-format-info{margin-top:20px;padding:15px;background-color:#ffe8d6;border-radius:6px;border-left:4px solid #ed6c02}.dark .upload-dialog .excel-format-info{background-color:#ed6c021a}.upload-dialog .excel-format-info h4{margin:0 0 8px;font-size:14px}.upload-dialog .excel-format-info p{margin:0;font-size:13px;color:#6b778c}.dark .upload-dialog .excel-format-info p{color:#8b949e}.import-preview-dialog .preview-table-container{overflow-x:auto}.import-preview-dialog .preview-table-container .preview-table{width:100%;border-collapse:collapse;min-width:700px}.import-preview-dialog .preview-table-container .preview-table th,.import-preview-dialog .preview-table-container .preview-table td{padding:10px 12px;border-bottom:1px solid #ebecf0;text-align:left;font-size:13px}.dark .import-preview-dialog .preview-table-container .preview-table th,.dark .import-preview-dialog .preview-table-container .preview-table td{border-bottom-color:#30363d}.import-preview-dialog .preview-table-container .preview-table th{background-color:#f4f6f8;font-weight:600;color:#6b778c}.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#0d1117;color:#8b949e}.import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#d32f2f0d}.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#d32f2f1a}.import-preview-dialog .preview-table-container .preview-table .missing-field{color:#d32f2f;font-style:italic}.import-preview-dialog .preview-table-container .preview-table .validation-status{font-weight:500;font-size:12px;padding:4px 8px;border-radius:4px}.import-preview-dialog .preview-table-container .preview-table .validation-status.valid{color:#2e7d32}.import-preview-dialog .preview-table-container .preview-table .validation-status.invalid{color:#d32f2f}@media(max-width:768px){.datasalesorder-container{padding:16px 16px 100px}.datasalesorder-table-container{background-color:transparent;box-shadow:none;border:none}.datasalesorder-table-container .datasalesorder-table thead{display:none}.datasalesorder-table-container .datasalesorder-table tbody{display:flex;flex-direction:column;gap:12px}.datasalesorder-table-container .datasalesorder-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 4px 12px #091e4214;position:relative;gap:8px}.dark .datasalesorder-table-container .datasalesorder-table tbody tr{background-color:#161b22;border:1px solid #30363d}.datasalesorder-table-container .datasalesorder-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(223,225,230,.5)}.dark .datasalesorder-table-container .datasalesorder-table tbody tr td{border-bottom-color:#30363d80}.datasalesorder-table-container .datasalesorder-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6b778c;text-transform:uppercase}.dark .datasalesorder-table-container .datasalesorder-table tbody tr td:before{color:#8b949e}.datasalesorder-table-container .datasalesorder-table tbody tr td:nth-child(1){display:none}.datasalesorder-table-container .datasalesorder-table tbody tr td:nth-child(2){flex-direction:column;align-items:flex-start;border-bottom:1px solid #ebecf0;padding-bottom:12px;margin-bottom:8px}.datasalesorder-table-container .datasalesorder-table tbody tr td:nth-child(2):before{display:none}.datasalesorder-table-container .datasalesorder-table tbody tr td:nth-child(2) .order-number-cell{margin-bottom:4px}.datasalesorder-table-container .datasalesorder-table tbody tr td:nth-child(2) .order-number-cell .order-number{font-size:16px}.datasalesorder-table-container .datasalesorder-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:12px;margin-top:4px}.datasalesorder-table-container .datasalesorder-table tbody tr td.action-column:before{display:none}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}.floating-add-btn,.floating-import-btn{box-shadow:0 4px 12px #0003}}.journeyplan-container{padding:24px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.journeyplan-container.dark{background-color:#121212;color:#fff}.journeyplan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.journeyplan-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.journeyplan-header .header-actions{display:flex;gap:12px}.get-order-section{display:flex;justify-content:flex-start;padding:16px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;transition:all .3s ease;border-left:5px solid #1976d2}.get-order-section .btn{background-color:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.get-order-section .btn:hover{background-color:#1562ae;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.get-order-section .btn:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.get-order-section .btn{font-size:15px;position:relative;overflow:hidden}.get-order-section .btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.get-order-section .btn:active:after{width:300px;height:300px}.journeyplan-table-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.journeyplan-table-container.dark{background-color:#2d2d2d}.journeyplan-table-container .journeyplan-table{width:100%;border-collapse:collapse}.journeyplan-table-container .journeyplan-table th{background-color:#fafafa;padding:16px 12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:10;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.journeyplan-table-container .journeyplan-table th:nth-child(1){width:40px}.journeyplan-table-container .journeyplan-table th:nth-child(2){width:50px;text-align:center}.journeyplan-table-container .journeyplan-table th:nth-child(3){min-width:180px}.journeyplan-table-container .journeyplan-table th:nth-child(4){min-width:150px}.journeyplan-table-container .journeyplan-table th:nth-child(5){min-width:180px}.journeyplan-table-container .journeyplan-table th:nth-child(6){min-width:120px}.journeyplan-table-container .journeyplan-table th:nth-child(7){width:110px}.journeyplan-table-container .journeyplan-table th:nth-child(8){width:110px}.journeyplan-table-container .journeyplan-table th:nth-child(9){width:100px}.journeyplan-table-container .journeyplan-table th:nth-child(10){width:80px}.journeyplan-table-container .journeyplan-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle;font-size:14px}.journeyplan-table-container .journeyplan-table td:nth-child(2){text-align:center;font-weight:500;color:#666}.journeyplan-table-container .journeyplan-table td .order-number,.journeyplan-table-container .journeyplan-table td .customer-name,.journeyplan-table-container .journeyplan-table td .fleet-type{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journeyplan-table-container .journeyplan-table tr:last-child td{border-bottom:none}.journeyplan-table-container .journeyplan-table tbody tr{transition:background-color .2s ease}.journeyplan-table-container .journeyplan-table tbody tr:hover{background-color:#1976d20a}.journeyplan-table-container .journeyplan-table tbody tr.selected{background-color:#1976d214}.journeyplan-table-container .journeyplan-table .order-number-cell{display:flex;align-items:center;gap:12px}.journeyplan-table-container .journeyplan-table .order-number-cell .order-avatar{background-color:#1976d2;color:#fff;width:36px;height:36px;font-size:16px;box-shadow:0 2px 4px #0000001a}.journeyplan-table-container .journeyplan-table .order-number-cell .order-number{font-weight:600;font-size:14px}.journeyplan-table-container .journeyplan-table .order-number-cell .client-name{font-size:12px;color:#666;margin-top:2px}.journeyplan-table-container .journeyplan-table .job-order-number{font-weight:500;color:#1976d2;font-size:13px;background:#1976d20d;padding:4px 8px;border-radius:4px;display:inline-block}.journeyplan-table-container .journeyplan-table .fleet-cell .fleet-type{font-weight:500;font-size:14px}.journeyplan-table-container .journeyplan-table .fleet-cell .fleet-plate{font-size:12px;color:#666;margin-top:2px}.journeyplan-table-container .journeyplan-table .status-badge{padding:5px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:80px;box-shadow:0 1px 2px #0000001a;text-transform:uppercase;letter-spacing:.5px}.journeyplan-table-container .journeyplan-table .status-badge:hover{transform:scale(1.05);box-shadow:0 2px 4px #0003}.journeyplan-table-container .journeyplan-table .action-column .action-buttons{display:flex;gap:8px}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn .btn-icon{font-size:18px}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-primary:hover{background-color:#1976d21a}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-edit:hover{background-color:#ff98001a}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn.btn-delete:hover{background-color:#f443361a}.journeyplan-table-container .journeyplan-table .action-column .action-buttons .btn:hover{transform:scale(1.1)}.journeyplan-form{margin-top:20px}.journeyplan-form .form-row{display:flex;gap:20px;margin-bottom:20px}.journeyplan-form .form-group{flex:1}.journeyplan-form .form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#333}.journeyplan-form .form-group input,.journeyplan-form .form-group select,.journeyplan-form .form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#fff;transition:all .3s ease}.journeyplan-form .form-group input:focus,.journeyplan-form .form-group select:focus,.journeyplan-form .form-group textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.journeyplan-form .form-group textarea{resize:vertical;min-height:80px}.journeyplan-form .order-info{background-color:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:24px;border-left:4px solid #1976d2}.journeyplan-form .order-info h3{margin-top:0;margin-bottom:16px;color:#1976d2;font-size:18px;font-weight:600}.journeyplan-form .order-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.journeyplan-form .order-info .info-grid .info-item .info-label{font-size:12px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.journeyplan-form .order-info .info-grid .info-item .info-value{color:#333;font-weight:500;font-size:15px}.view-journeyplan-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.view-journeyplan-dialog .dialog-title h2{margin:0;font-size:20px;font-weight:700}.view-journeyplan-dialog .tab-content{padding:24px}.view-journeyplan-dialog .tab-content .info-section{margin-bottom:32px}.view-journeyplan-dialog .tab-content .info-section .section-title{margin-bottom:16px;color:#1976d2;font-size:16px;font-weight:700;border-bottom:2px solid rgba(25,118,210,.2);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.view-journeyplan-dialog .tab-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.view-journeyplan-dialog .tab-content .info-section .info-grid .info-item{padding:12px;background:#f9f9f9;border-radius:8px}.view-journeyplan-dialog .tab-content .info-section .info-grid .info-item .info-label{font-size:12px;color:#666;margin-bottom:4px;font-weight:600}.view-journeyplan-dialog .tab-content .info-section .info-grid .info-item .info-value{color:#333;font-weight:500;font-size:14px}.view-journeyplan-dialog .tab-content .items-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.view-journeyplan-dialog .tab-content .items-table-container table{width:100%;border-collapse:collapse}.view-journeyplan-dialog .tab-content .items-table-container table th,.view-journeyplan-dialog .tab-content .items-table-container table td{padding:12px;text-align:left;font-size:14px}.view-journeyplan-dialog .tab-content .items-table-container table th{background-color:#f5f5f5;font-weight:600}.btn.btn-secondary:hover{background-color:#f5f5f5;border-color:#ccc}.error-state{padding:20px}.MuiMenu-paper{border-radius:8px!important;box-shadow:0 8px 16px #00000026!important;border:1px solid #e0e0e0}.MuiMenu-paper .MuiList-root{padding:8px 0}.MuiMenu-paper .MuiList-root .MuiMenuItem-root{padding:10px 16px;min-height:44px}.MuiMenu-paper .MuiList-root .MuiMenuItem-root:hover{background-color:#1976d214}.MuiMenu-paper .MuiList-root .MuiMenuItem-root .MuiListItemIcon-root{min-width:40px;color:#666}.journeyplan-container.dark .journeyplan-table-container,.journeyplan-container.dark .journeyplan-dialog,.journeyplan-container.dark .view-journeyplan-dialog{background-color:#2d2d2d;color:#fff}.journeyplan-container.dark .journeyplan-table th{background-color:#1e1e1e;color:#fff;border-color:#404040}.journeyplan-container.dark .journeyplan-table td{border-color:#404040;color:#fff}.journeyplan-container.dark .journeyplan-table td:nth-child(2){color:#b0b0b0}.journeyplan-container.dark .journeyplan-table tbody tr:hover{background-color:#ffffff0d}.journeyplan-container.dark .journeyplan-table .order-number-cell .client-name{color:#b0b0b0}.journeyplan-container.dark .journeyplan-table .job-order-number{background:#1976d233}.journeyplan-container.dark .journeyplan-table .action-column .action-buttons .btn{background-color:#1e1e1e;color:#fff}.journeyplan-container.dark .journeyplan-table .action-column .action-buttons .btn:hover{background-color:#323232}.journeyplan-container.dark .search-bar input{background-color:#1e1e1e;color:#fff;border-color:#404040}.journeyplan-container.dark .get-order-section{background-color:#2d2d2d;border-left-color:#64a9ed}.journeyplan-container.dark .journeyplan-form .form-group label{color:#b0b0b0}.journeyplan-container.dark .journeyplan-form .form-group input,.journeyplan-container.dark .journeyplan-form .form-group select,.journeyplan-container.dark .journeyplan-form .form-group textarea{background-color:#1e1e1e;color:#fff;border-color:#404040}.journeyplan-container.dark .journeyplan-form .order-info{background-color:#1e1e1e;border-left-color:#64a9ed}.journeyplan-container.dark .journeyplan-form .order-info .info-label{color:#b0b0b0}.journeyplan-container.dark .journeyplan-form .order-info .info-value{color:#fff}.journeyplan-container.dark .view-journeyplan-dialog .dialog-title{border-color:#404040;background-color:#2d2d2d;color:#fff}.journeyplan-container.dark .view-journeyplan-dialog .tab-content .info-section .section-title{border-color:#404040;color:#64a9ed}.journeyplan-container.dark .view-journeyplan-dialog .tab-content .info-item{background:#1e1e1e}.journeyplan-container.dark .view-journeyplan-dialog .tab-content .info-item .info-label{color:#b0b0b0}.journeyplan-container.dark .view-journeyplan-dialog .tab-content .info-item .info-value{color:#fff}.journeyplan-container.dark .view-journeyplan-dialog .tab-content table th{background-color:#1e1e1e;border-color:#404040;color:#fff}.journeyplan-container.dark .view-journeyplan-dialog .tab-content table td{border-color:#404040}.journeyplan-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.journeyplan-container.dark .btn.btn-secondary:hover{background-color:#2b2b2b}@media(max-width:768px){.journeyplan-container{padding:16px 16px 100px}.journeyplan-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}.journeyplan-header h1{font-size:22px}.journeyplan-header .header-actions{width:100%;justify-content:flex-end}.get-order-section{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;z-index:1000;box-shadow:0 -4px 12px #0000001a;padding:12px 16px;justify-content:center}.get-order-section .btn{width:100%;justify-content:center}.journeyplan-table-container{background-color:transparent;box-shadow:none;overflow:visible}.journeyplan-table-container.dark{background-color:transparent}.journeyplan-table thead{display:none}.journeyplan-table tbody{display:flex;flex-direction:column;gap:12px}.journeyplan-table tr{display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;position:relative;border:1px solid transparent;transition:all .3s ease}.journeyplan-table tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.journeyplan-table tr.selected{border-color:#1976d2;background-color:#1976d205}.journeyplan-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;text-align:right}.journeyplan-table td:before{content:attr(data-label);font-weight:600;color:#666;text-align:left;padding-right:16px;font-size:12px;text-transform:uppercase}.journeyplan-table td:last-child{border-bottom:none;margin-top:12px;padding-top:12px;border-top:1px dashed #e0e0e0}.journeyplan-table td:nth-child(3){order:-1;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.journeyplan-table td:nth-child(3):before{display:none}.journeyplan-table td:nth-child(3) .order-number-cell{width:100%;justify-content:flex-start}.journeyplan-table td:nth-child(3) .order-number-cell .order-number{font-size:16px;font-weight:700}.journeyplan-table td:nth-child(1){position:absolute;top:16px;right:16px;padding:0;border:none}.journeyplan-table td:nth-child(1):before{display:none}.journeyplan-table td:nth-child(2){display:none}.journeyplan-table td.action-column{justify-content:flex-end}.journeyplan-table td.action-column:before{content:"Actions"}.journeyplan-table td.action-column .action-buttons{justify-content:flex-end}.dark .journeyplan-table tr{background-color:#2d2d2d;border-color:#404040}.dark .journeyplan-table td{border-color:#404040}.dark .journeyplan-table td:before{color:#b0b0b0}.pagination{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.pagination .page-info{text-align:center}.pagination .pagination-controls{display:flex;justify-content:center}.journeyplan-dialog .MuiDialog-paper,.view-journeyplan-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}.journeyplan-form .form-row{flex-direction:column;gap:0}}.datajoborder-container{padding:24px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.datajoborder-container.dark{background-color:#121212;color:#fff}.datajoborder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.datajoborder-header h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.datajoborder-header .header-actions{display:flex;gap:12px}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{padding:12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;min-width:200px;height:44px;font-size:14px;transition:all .3s ease}.search-and-filters .filter-bar .filter-group select:focus,.search-and-filters .filter-bar .filter-group input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-and-filters .filter-bar .filter-group select.dark,.search-and-filters .filter-bar .filter-group input.dark{background-color:#1e1e1e;color:#fff;border-color:#404040}.datajoborder-table-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.datajoborder-table-container.dark{background-color:#2d2d2d}.datajoborder-table-container .datajoborder-table{width:100%;border-collapse:collapse}.datajoborder-table-container .datajoborder-table th{background-color:#fafafa;padding:16px 12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.datajoborder-table-container .datajoborder-table th:first-child{width:40px;text-align:center}.datajoborder-table-container .datajoborder-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle;font-size:14px}.datajoborder-table-container .datajoborder-table td:first-child{text-align:center}.datajoborder-table-container .datajoborder-table tr:last-child td{border-bottom:none}.datajoborder-table-container .datajoborder-table tbody tr{transition:background-color .2s ease}.datajoborder-table-container .datajoborder-table tbody tr:hover{background-color:#1976d20a}.datajoborder-table-container .datajoborder-table .order-number-cell{display:flex;align-items:center;gap:12px}.datajoborder-table-container .datajoborder-table .order-number-cell .order-avatar{background-color:#1976d2;color:#fff;width:36px;height:36px;box-shadow:0 2px 4px #0000001a}.datajoborder-table-container .datajoborder-table .order-number-cell .order-number{font-weight:600}.datajoborder-table-container .datajoborder-table .order-number-cell .client-name,.datajoborder-table-container .datajoborder-table .order-number-cell .customer-name{font-size:12px;color:#666;margin-top:2px}.datajoborder-table-container .datajoborder-table .order-number-cell .customer-name{font-weight:600;color:#333}.datajoborder-table-container .datajoborder-table .route-cell{display:flex;align-items:center;gap:8px;background:#00000008;padding:4px 8px;border-radius:4px;width:fit-content}.datajoborder-table-container .datajoborder-table .route-cell .origin,.datajoborder-table-container .datajoborder-table .route-cell .destination{font-weight:600;font-size:13px}.datajoborder-table-container .datajoborder-table .route-cell .arrow{color:#999}.datajoborder-table-container .datajoborder-table .status-badge{padding:5px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;min-width:80px;display:inline-flex;justify-content:center;box-shadow:0 1px 2px #0000001a}.datajoborder-table-container .datajoborder-table .action-column .action-buttons{display:flex;gap:8px;justify-content:center}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn .btn-icon{font-size:18px}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-primary:hover{background-color:#1976d21a}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-edit:hover{background-color:#ff98001a}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn.btn-delete:hover{background-color:#f443361a}.datajoborder-table-container .datajoborder-table .action-column .action-buttons .btn:hover{transform:scale(1.1)}.view-datajoborder-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.view-datajoborder-dialog .dialog-title h2{margin:0;font-size:20px;font-weight:700}.view-datajoborder-dialog .tab-content{padding:24px}.view-datajoborder-dialog .tab-content .info-section{margin-bottom:32px}.view-datajoborder-dialog .tab-content .info-section .section-title{margin-bottom:16px;color:#1976d2;font-size:16px;font-weight:700;border-bottom:2px solid rgba(25,118,210,.2);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.view-datajoborder-dialog .tab-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.view-datajoborder-dialog .tab-content .info-section .info-grid .info-item{padding:12px;background:#f9f9f9;border-radius:8px}.view-datajoborder-dialog .tab-content .info-section .info-grid .info-item.full-width{grid-column:1/-1}.view-datajoborder-dialog .tab-content .info-section .info-grid .info-item .info-label{font-size:12px;color:#666;margin-bottom:4px;font-weight:600}.view-datajoborder-dialog .tab-content .info-section .info-grid .info-item .info-value{color:#333;font-weight:500;font-size:14px}.view-datajoborder-dialog .tab-content .info-section .info-grid .info-item .info-value .sub-text{font-weight:400;color:#666;font-size:12px;margin-top:2px}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-item{padding:0;background:transparent}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box{display:flex;align-items:center;justify-content:space-between;background:#f0f4f8;padding:16px;border-radius:8px;width:100%}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-point{flex:1}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-point.dest{text-align:right}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-point .label{font-size:10px;color:#666;text-transform:uppercase;font-weight:700}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-point .code{font-size:18px;font-weight:700;color:#1976d2;display:block}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-point .name{font-size:12px;color:#666}.view-datajoborder-dialog .tab-content .info-section .info-grid .route-visual-box .route-arrow{padding:0 16px;color:#999}.view-datajoborder-dialog .tab-content .info-section.trip-banner-section{margin-bottom:24px}.view-datajoborder-dialog .tab-content .info-section.trip-banner-section .trip-banner-visual{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;border-left:5px solid #1976d2}.view-datajoborder-dialog .tab-content .info-section.finance-section{border-left:4px solid #4caf50;background-color:#4caf500d;padding:20px;border-radius:8px}.view-datajoborder-dialog .tab-content .items-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.view-datajoborder-dialog .tab-content .items-table-container .items-table{width:100%;border-collapse:collapse}.view-datajoborder-dialog .tab-content .items-table-container .items-table th,.view-datajoborder-dialog .tab-content .items-table-container .items-table td{padding:12px;text-align:left;font-size:14px}.view-datajoborder-dialog .tab-content .items-table-container .items-table th{background-color:#f5f5f5;font-weight:600}.datajoborder-container.dark .datajoborder-table-container{background-color:#2d2d2d}.datajoborder-container.dark .datajoborder-table th{background-color:#1e1e1e;color:#fff;border-color:#404040}.datajoborder-container.dark .datajoborder-table td{border-color:#404040;color:#fff}.datajoborder-container.dark .datajoborder-table .order-number-cell .client-name,.datajoborder-container.dark .datajoborder-table .order-number-cell .customer-name{color:#b0b0b0}.datajoborder-container.dark .datajoborder-table .order-number-cell .customer-name{color:#fff}.datajoborder-container.dark .datajoborder-table .route-cell{background:#ffffff0d}.datajoborder-container.dark .datajoborder-table .action-column .action-buttons .btn{background-color:#1e1e1e;color:#fff}.datajoborder-container.dark .datajoborder-table .action-column .action-buttons .btn:hover{background-color:#323232}.datajoborder-container.dark .search-bar input,.datajoborder-container.dark .filter-group select,.datajoborder-container.dark .filter-group input{background-color:#1e1e1e;color:#fff;border-color:#404040}.datajoborder-container.dark .view-datajoborder-dialog .dialog-title{border-color:#404040;background-color:#2d2d2d;color:#fff}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .info-section .section-title{border-color:#404040;color:#64a9ed}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .info-item{background:#1e1e1e}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .info-item .info-label{color:#b0b0b0}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .info-item .info-value{color:#fff}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .info-item .info-value .sub-text{color:#b0b0b0}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .items-table-container .items-table th{background-color:#1e1e1e;border-color:#404040}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .items-table-container .items-table td{border-color:#404040}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .route-visual-box{background:#1e1e1e}.datajoborder-container.dark .view-datajoborder-dialog .tab-content .trip-banner-section .trip-banner-visual{background:linear-gradient(135deg,#1976d233,#1976d21a)}@media(max-width:768px){.datajoborder-container{padding:16px 16px 100px}.datajoborder-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}.datajoborder-header h2{font-size:22px}.datajoborder-header .header-actions{width:100%;justify-content:flex-end}.datajoborder-table-container{background-color:transparent;box-shadow:none;overflow:visible}.datajoborder-table thead{display:none}.datajoborder-table tbody{display:flex;flex-direction:column;gap:12px}.datajoborder-table tr{display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;position:relative;border:1px solid transparent;transition:all .3s ease}.datajoborder-table tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.datajoborder-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;text-align:right}.datajoborder-table td:before{content:attr(data-label);font-weight:600;color:#666;text-align:left;padding-right:16px;font-size:12px;text-transform:uppercase}.datajoborder-table td:nth-child(2){order:-1;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.datajoborder-table td:nth-child(2):before{display:none}.datajoborder-table td:nth-child(2) .order-number-cell{width:100%;justify-content:flex-start}.datajoborder-table td:nth-child(2) .order-number-cell .order-number{font-size:16px;font-weight:700}.datajoborder-table td:nth-child(1){display:none}.datajoborder-table td.action-column{justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px dashed #e0e0e0;border-bottom:none}.datajoborder-table td.action-column:before{display:none}.dark .datajoborder-table tr{background-color:#2d2d2d;border-color:#404040}.dark .datajoborder-table td{border-color:#404040}.dark .datajoborder-table td:before{color:#b0b0b0}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select,.filter-bar .filter-group input{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}}.deliveryorder-container{padding:24px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.deliveryorder-container.dark{background-color:#121212;color:#fff}.deliveryorder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.deliveryorder-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.deliveryorder-header .header-actions{display:flex;gap:12px}.search-and-filters .search-bar .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666}.search-and-filters .search-bar input{width:100%;padding:14px 16px 14px 48px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;background-color:#fff;transition:all .3s ease}.search-and-filters .search-bar input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-and-filters .filter-bar{display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:16px}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column}.search-and-filters .filter-bar .filter-group label{margin-bottom:6px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.search-and-filters .filter-bar .filter-group select{padding:12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;min-width:200px;height:44px;font-size:14px;transition:all .3s ease}.search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-and-filters .filter-bar .filter-group select.dark{background-color:#1e1e1e;color:#fff;border-color:#404040}.deliveryorder-table-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.deliveryorder-table-container.dark{background-color:#2d2d2d}.deliveryorder-table-container .deliveryorder-table{width:100%;border-collapse:collapse}.deliveryorder-table-container .deliveryorder-table th{background-color:#fafafa;padding:16px 12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.deliveryorder-table-container .deliveryorder-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle;font-size:14px}.deliveryorder-table-container .deliveryorder-table tr:last-child td{border-bottom:none}.deliveryorder-table-container .deliveryorder-table tbody tr{transition:background-color .2s ease}.deliveryorder-table-container .deliveryorder-table tbody tr:hover{background-color:#1976d20a}.deliveryorder-table-container .deliveryorder-table .order-number-cell{display:flex;align-items:center;gap:12px}.deliveryorder-table-container .deliveryorder-table .order-number-cell .order-avatar{background-color:#1976d2;color:#fff;width:36px;height:36px;box-shadow:0 2px 4px #0000001a}.deliveryorder-table-container .deliveryorder-table .order-number-cell .order-number{font-weight:600;font-size:14px}.deliveryorder-table-container .deliveryorder-table .order-number-cell .sales-order-number{font-weight:500;font-size:13px;color:#1976d2}.deliveryorder-table-container .deliveryorder-table .order-number-cell .po-number{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;margin-top:2px}.deliveryorder-table-container .deliveryorder-table .order-number-cell .po-number .po-icon{font-size:14px;color:#1976d2}.deliveryorder-table-container .deliveryorder-table .order-number-cell .customer-name{font-weight:500}.deliveryorder-table-container .deliveryorder-table .order-number-cell .client-name{font-size:12px;color:#666;margin-top:2px}.deliveryorder-table-container .deliveryorder-table .driver-cell .driver-name{font-weight:500}.deliveryorder-table-container .deliveryorder-table .driver-cell .driver-phone{font-size:12px;color:#666}.deliveryorder-table-container .deliveryorder-table .vehicle-cell .fleet-plate{font-weight:600;font-size:13px}.deliveryorder-table-container .deliveryorder-table .vehicle-cell .fleet-type{font-size:12px;color:#666}.deliveryorder-table-container .deliveryorder-table .status-badge-table{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;text-transform:capitalize;display:inline-block;line-height:1.5}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons{display:flex;gap:8px;justify-content:flex-start}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn .btn-icon{font-size:18px}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-primary:hover{background-color:#1976d21a}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-edit:hover{background-color:#ff98001a}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-delete:hover{background-color:#f443361a}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-print{color:#2196f3}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn.btn-print:hover{background-color:#2196f31a}.deliveryorder-table-container .deliveryorder-table .action-column .action-buttons .btn:hover{transform:scale(1.1)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid #e0e0e0}.pagination .page-info{color:#666;font-size:14px;font-weight:500}.deliveryorder-form,.deliveryorder-form .form-step{margin-top:20px}.deliveryorder-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.deliveryorder-form .form-row{flex-direction:column;gap:0}}.deliveryorder-form .form-group{flex:1}.deliveryorder-form .form-group.full-width{flex-basis:100%}.deliveryorder-form .form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#666}.deliveryorder-form .form-group input,.deliveryorder-form .form-group select,.deliveryorder-form .form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#fff;transition:all .3s ease}.deliveryorder-form .form-group input:focus,.deliveryorder-form .form-group select:focus,.deliveryorder-form .form-group textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.deliveryorder-form .form-group input:disabled,.deliveryorder-form .form-group select:disabled,.deliveryorder-form .form-group textarea:disabled{background-color:#f5f5f5;color:#999}.deliveryorder-form .form-group textarea{resize:vertical;min-height:80px}.view-deliveryorder-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.view-deliveryorder-dialog .dialog-title h2{margin:0;font-size:20px;font-weight:700}.view-deliveryorder-dialog .tab-content{padding:24px}.view-deliveryorder-dialog .tab-content .info-section{margin-bottom:32px}.view-deliveryorder-dialog .tab-content .info-section .section-title{margin-bottom:16px;color:#1976d2;font-size:16px;font-weight:700;border-bottom:2px solid rgba(25,118,210,.2);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.view-deliveryorder-dialog .tab-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.view-deliveryorder-dialog .tab-content .info-section .info-grid .info-item{padding:12px;background:#f9f9f9;border-radius:8px}.view-deliveryorder-dialog .tab-content .info-section .info-grid .info-item .info-label{font-size:12px;color:#666;margin-bottom:4px;font-weight:600}.view-deliveryorder-dialog .tab-content .info-section .info-grid .info-item .info-value{color:#333;font-weight:500;font-size:14px}.view-deliveryorder-dialog .tab-content .info-section .info-grid .info-item .info-value .status-badge{padding:4px 12px;border-radius:16px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.5px}.btn{background-color:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.btn:hover{background-color:#1562ae;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-secondary{background-color:#fff;color:#333;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.btn.btn-secondary:hover{background-color:#ebebeb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn.btn-secondary:disabled{background-color:#999;cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-secondary{border:1px solid #e0e0e0;box-shadow:none}.loading,.no-data{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 20px;background-color:#fff;border-radius:12px}.loading .spinner,.no-data .spinner{width:44px;height:44px;border:4px solid rgba(25,118,210,.1);border-radius:50%;border-top-color:#1976d2;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.loading .no-icon,.no-data .no-icon{font-size:48px;margin-bottom:16px;color:#999}.deliveryorder-container.dark .deliveryorder-table-container{background-color:#2d2d2d}.deliveryorder-container.dark .deliveryorder-table th{background-color:#1e1e1e;color:#fff;border-color:#404040}.deliveryorder-container.dark .deliveryorder-table td{border-color:#404040;color:#fff}.deliveryorder-container.dark .deliveryorder-table .order-number-cell .sales-order-number{color:#64a9ed}.deliveryorder-container.dark .deliveryorder-table .action-column .action-buttons .btn{background-color:#1e1e1e;color:#fff}.deliveryorder-container.dark .deliveryorder-table .action-column .action-buttons .btn:hover{background-color:#323232}.deliveryorder-container.dark .search-bar input,.deliveryorder-container.dark .filter-group select{background-color:#1e1e1e;color:#fff;border-color:#404040}.deliveryorder-container.dark .deliveryorder-form .form-group label{color:#b0b0b0}.deliveryorder-container.dark .deliveryorder-form .form-group input,.deliveryorder-container.dark .deliveryorder-form .form-group select,.deliveryorder-container.dark .deliveryorder-form .form-group textarea{background-color:#1e1e1e;color:#fff;border-color:#404040}.deliveryorder-container.dark .view-deliveryorder-dialog .dialog-title{border-color:#404040;background-color:#2d2d2d}.deliveryorder-container.dark .view-deliveryorder-dialog .tab-content .info-section .section-title{color:#64a9ed;border-color:#404040}.deliveryorder-container.dark .view-deliveryorder-dialog .tab-content .info-item{background:#1e1e1e}.deliveryorder-container.dark .view-deliveryorder-dialog .tab-content .info-label{color:#b0b0b0}.deliveryorder-container.dark .view-deliveryorder-dialog .tab-content .info-value{color:#fff}.deliveryorder-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.deliveryorder-container.dark .btn.btn-secondary:hover{background-color:#2b2b2b}.printable-do-document{background:#fff;padding:40px;font-family:Arial,sans-serif;color:#000;font-size:12px;line-height:1.4}.do-doc-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:15px;margin-bottom:20px}.do-doc-header .company-info{flex:1}.do-doc-header .company-info h1{margin:0;font-size:18px;text-transform:uppercase}.do-doc-header .company-info p{margin:2px 0;font-size:11px}.do-doc-header .do-title-box{text-align:center;border:2px solid #000;padding:5px 20px;margin:0 20px}.do-doc-header .do-title-box h2{margin:0;font-size:16px}.do-doc-header .do-title-box h3{margin:0;font-size:10px;font-weight:400;letter-spacing:1px}.do-doc-header .do-meta{text-align:right}.do-doc-header .do-meta table td{padding:0;border:none;font-size:11px}.do-doc-parties{display:flex;gap:20px;margin-bottom:20px}.do-doc-parties .party-box{flex:1;border:1px solid #ccc;padding:10px;background:#fcfcfc}.do-doc-parties .party-box h4{margin:0 0 5px;font-size:11px;color:#555;border-bottom:1px solid #eee;padding-bottom:2px}.do-doc-parties .party-box .party-name{font-weight:700;font-size:12px;margin-bottom:2px}.do-doc-parties .party-box p{margin:0;font-size:11px}.do-doc-items{margin-bottom:20px}.do-doc-items table{width:100%;border-collapse:collapse}.do-doc-items table th,.do-doc-items table td{border:1px solid #000;padding:6px 8px;font-size:11px}.do-doc-items table th{background-color:#f0f0f0;text-align:center;font-weight:700}.do-doc-items table td{vertical-align:top}.do-input-field{width:100%;border:none;background:transparent;font-size:11px;padding:2px;font-family:Arial,sans-serif}.do-input-field:focus{outline:none;border-bottom:1px solid #2196f3;background:#f0f7ff}.do-input-field.qty{text-align:center}.btn-delete-item{background:transparent;border:none;color:#f44336;cursor:pointer;font-weight:700;font-size:14px;padding:0 5px}.do-doc-footer{display:flex;flex-direction:column;gap:20px}.do-doc-footer .notes-section{font-size:10px}.do-doc-footer .notes-section p{margin:0 0 5px}.do-doc-footer .notes-section ul{margin:0;padding-left:15px}.do-doc-footer .notes-section .special-notes{margin-top:5px;font-style:italic;font-weight:700}.signatures-section{display:flex;justify-content:space-between;margin-top:40px}.signatures-section .sig-box{width:30%;text-align:center}.signatures-section .sig-box p{margin:0;font-size:11px}.signatures-section .sig-box .sig-space{height:60px;margin:5px 0}.signatures-section .sig-box .stamp-text{font-size:9px;color:#666;margin-top:5px}.signatures-section .sig-box.highlight .sig-space{border-bottom:1px dotted #ccc}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}#printableArea,#printableArea *{visibility:visible}#printableArea{position:absolute;left:0;top:0;width:100%}.MuiDialogActions-root,.MuiDialogTitle-root,.btn,.no-print{display:none!important}.do-input-field{border:none!important;background:transparent!important}}@media(max-width:768px){.deliveryorder-container{padding:16px 16px 100px}.deliveryorder-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}.deliveryorder-header h1{font-size:22px}.deliveryorder-header .header-actions{width:100%;justify-content:flex-end}.deliveryorder-table-container{background-color:transparent;box-shadow:none;overflow:visible}.deliveryorder-table thead{display:none}.deliveryorder-table tbody{display:flex;flex-direction:column;gap:12px}.deliveryorder-table tr{display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;position:relative;border:1px solid transparent;transition:all .3s ease}.deliveryorder-table tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.deliveryorder-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;text-align:right}.deliveryorder-table td:before{content:attr(data-label);font-weight:600;color:#666;text-align:left;padding-right:16px;font-size:12px;text-transform:uppercase}.deliveryorder-table td:nth-child(1){order:-1;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.deliveryorder-table td:nth-child(1):before{display:none}.deliveryorder-table td:nth-child(1) .order-number-cell{width:100%;justify-content:flex-start}.deliveryorder-table td:nth-child(1) .order-number-cell .order-number{font-size:16px;font-weight:700}.deliveryorder-table td:last-child{justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px dashed #e0e0e0;border-bottom:none}.deliveryorder-table td:last-child:before{display:none}.dark .deliveryorder-table tr{background-color:#2d2d2d;border-color:#404040}.dark .deliveryorder-table td{border-color:#404040}.dark .deliveryorder-table td:before{color:#b0b0b0}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}}.driver-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.driver-container.dark{background-color:#0f1117;color:#e8eaed}.driver-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.driver-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.driver-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#1a73e8,#4285f4);border-radius:9999px;flex-shrink:0}.driver-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.driver-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .driver-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.driver-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.driver-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.driver-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .driver-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.driver-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#1a73e840;border-radius:9999px}.driver-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#1a73e873}.driver-table-container .driver-table{width:100%;border-collapse:collapse;min-width:800px}.driver-table-container .driver-table thead tr{background-color:#fafbfc}.dark .driver-table-container .driver-table thead tr{background-color:#222530}.driver-table-container .driver-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .driver-table-container .driver-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.driver-table-container .driver-table th.action-header{text-align:center;width:130px;min-width:130px}.driver-table-container .driver-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.driver-table-container .driver-table tbody tr:last-child{border-bottom:none}.driver-table-container .driver-table tbody tr:hover{background-color:#e8f0fe}.dark .driver-table-container .driver-table tbody tr:hover{background-color:#ffffff0f}.driver-table-container .driver-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .driver-table-container .driver-table td{color:#e8eaed}.driver-table-container .driver-table td[data-label=NIK],.driver-table-container .driver-table td[data-label=Phone],.driver-table-container .driver-table td[data-label=Status]{white-space:nowrap}.driver-table-container .driver-table .driver-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.driver-table-container .driver-table .driver-name-cell .driver-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1a73e81a,#1a73e833);color:#1a73e8;flex-shrink:0}.dark .driver-table-container .driver-table .driver-name-cell .driver-avatar{background:linear-gradient(135deg,#1a73e826,#1a73e84d)}.driver-table-container .driver-table .driver-name-cell .driver-name{font-weight:600;white-space:nowrap}.driver-table-container .driver-table .driver-name-cell .driver-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.dark .driver-table-container .driver-table .driver-name-cell .driver-address{color:#6e7479}.driver-table-container .driver-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#1a73e8;background-color:#1a73e814;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .driver-table-container .driver-table .code-badge{background-color:#1a73e826;color:#8ab4f8}.driver-table-container .driver-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.driver-table-container .driver-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.driver-table-container .driver-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .driver-table-container .driver-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.driver-table-container .driver-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .driver-table-container .driver-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.driver-table-container .driver-table .action-column{min-width:120px;width:120px;text-align:center}.driver-table-container .driver-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.driver-table-container .driver-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .driver-table-container .driver-table .action-column .action-buttons button{color:#9aa0a6}.driver-table-container .driver-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.driver-table-container .driver-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.driver-table-container .driver-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.driver-form{padding:0 1rem 1rem}.driver-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}.driver-form .form-row{display:flex;gap:1rem}.driver-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.driver-form .form-group.full-width{flex:0 0 100%}.driver-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .driver-form .form-group label{color:#9aa0a6}.driver-form .form-group input,.driver-form .form-group select,.driver-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.driver-form .form-group input::placeholder,.driver-form .form-group select::placeholder,.driver-form .form-group textarea::placeholder{color:#80868b}.driver-form .form-group input:focus,.driver-form .form-group select:focus,.driver-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.driver-form .form-group input:disabled,.driver-form .form-group select:disabled,.driver-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .driver-form .form-group input,.dark .driver-form .form-group select,.dark .driver-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .driver-form .form-group input::placeholder,.dark .driver-form .form-group select::placeholder,.dark .driver-form .form-group textarea::placeholder{color:#6e7479}.dark .driver-form .form-group input:focus,.dark .driver-form .form-group select:focus,.dark .driver-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .driver-form .form-group input:disabled,.dark .driver-form .form-group select:disabled,.dark .driver-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.driver-form .form-group textarea{resize:vertical;min-height:80px}.driver-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .driver-form .form-group .field-hint{color:#6e7479}.driver-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.driver-form .form-group .document-upload{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.driver-form .form-group .document-upload .document-filename-display{flex:1;min-width:120px;background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.driver-form .form-group .document-upload .document-filename-display::placeholder{color:#80868b}.driver-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.driver-form .form-group .document-upload .document-filename-display:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.driver-form .form-group .document-upload .document-filename-display{padding:.75rem 1rem;display:flex;align-items:center;color:#5f6368;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .driver-form .form-group .document-upload .document-filename-display{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .driver-form .form-group .document-upload .document-filename-display::placeholder{color:#6e7479}.dark .driver-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .driver-form .form-group .document-upload .document-filename-display:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .driver-form .form-group .document-upload .document-filename-display{color:#9aa0a6}.driver-view-container{padding:1rem 0}.driver-view-details{display:flex;flex-direction:column;gap:1.5rem}.driver-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .driver-view-details .detail-section{background-color:#222530;border-color:#333639}.driver-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a73e808,#1a73e814);border-bottom:1px solid #e8eaed}.dark .driver-view-details .detail-section-header{background:linear-gradient(135deg,#1a73e80d,#1a73e81a);border-bottom-color:#333639}.driver-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.driver-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.driver-view-details .detail-section-header .detail-section-icon.detail-icon-driver{background:linear-gradient(135deg,#1a73e826,#1a73e840);color:#1a73e8}.dark .driver-view-details .detail-section-header .detail-section-icon.detail-icon-driver{background:linear-gradient(135deg,#1a73e833,#1a73e859);color:#8ab4f8}.driver-view-details .detail-section-header .detail-section-icon.detail-icon-license{background:linear-gradient(135deg,#f9ab0026,#f9ab0040);color:#f9ab00}.dark .driver-view-details .detail-section-header .detail-section-icon.detail-icon-license{background:linear-gradient(135deg,#f9ab0033,#f9ab0059);color:#fbbf24}.driver-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302526,#d9302540);color:#d93025}.dark .driver-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302533,#d9302559);color:#f87171}.driver-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#8b5cf6}.dark .driver-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf633,#8b5cf659);color:#a78bfa}.driver-view-details .detail-section-header .detail-section-icon.detail-icon-status{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .driver-view-details .detail-section-header .detail-section-icon.detail-icon-status{background:linear-gradient(135deg,#0d904f33,#0d904f59);color:#34d399}.driver-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .driver-view-details .detail-section-header .detail-section-title{color:#e8eaed}.driver-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .driver-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.driver-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.driver-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .driver-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.driver-view-details .detail-item:nth-child(2n){border-right:none}.driver-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.driver-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.driver-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}.driver-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .driver-view-details .detail-item .detail-label{color:#6e7479}.driver-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .driver-view-details .detail-item .detail-value{color:#e8eaed}.driver-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#1a73e8;background-color:#1a73e814;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .driver-view-details .detail-item .detail-value.detail-value-code{background-color:#1a73e826;color:#8ab4f8}.driver-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.driver-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.driver-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed}.dark .driver-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.driver-view-details .detail-item .detail-link{color:#1a73e8;text-decoration:none;word-break:break-all}.driver-view-details .detail-item .detail-link:hover{text-decoration:underline}.dark .driver-view-details .detail-item .detail-link{color:#8ab4f8}.driver-view-details .detail-documents-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.driver-view-details .detail-documents-container .document-list-item{background-color:#fff;border:1px solid #e8eaed;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem}.dark .driver-view-details .detail-documents-container .document-list-item{background-color:#1a1d27;border-color:#333639}.driver-view-details .detail-documents-container .document-list-item:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000f}.driver-view-details .detail-documents-container .document-list-item .doc-thumbnail{width:70px;height:70px;min-width:70px;border-radius:8px;overflow:hidden;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e8eaed}.dark .driver-view-details .detail-documents-container .document-list-item .doc-thumbnail{background-color:#222530;border-color:#3c4043}.driver-view-details .detail-documents-container .document-list-item .doc-thumbnail img{width:100%;height:100%;object-fit:cover}.driver-view-details .detail-documents-container .document-list-item .doc-details{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.driver-view-details .detail-documents-container .document-list-item .doc-details .doc-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.driver-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{font-size:.75rem;font-weight:700;color:#1a73e8}.dark .driver-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{color:#8ab4f8}.driver-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.6875rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .driver-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{color:#6e7479}.driver-view-details .detail-documents-container .no-docs-placeholder{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:2rem 1rem;color:#80868b;background-color:#fff;border-radius:12px;border:2px dashed #e8eaed}.dark .driver-view-details .detail-documents-container .no-docs-placeholder{background-color:#1a1d27;color:#6e7479;border-color:#3c4043}.driver-view-details .detail-documents-container .no-docs-placeholder .MuiSvgIcon-root{font-size:48px;opacity:.3;margin-bottom:.5rem}.driver-view-details .detail-documents-container .no-docs-placeholder p{margin:0;font-weight:500;font-size:.75rem}.driver-view-details .detail-documents-container .no-docs-placeholder .no-docs-hint{font-size:.6875rem;margin-top:.25rem}@media(max-width:1200px){.driver-table .driver-name-cell .driver-address{max-width:140px}}@media(max-width:1024px){.driver-container{padding:1rem}.driver-header h1{font-size:1.125rem}.driver-form{padding:0 .75rem .75rem}.driver-form .form-row{gap:.75rem}.driver-table-container .table-scroll-wrapper{overflow-x:auto}.region-cascading-wrapper .region-item{gap:.5rem;padding:.5rem .75rem}.region-cascading-wrapper .region-item .region-item-label{min-width:90px}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem}.driver-view-details{gap:1.25rem}.driver-view-details .detail-section .detail-item{padding:.5rem 1rem}}@media(max-width:768px){.driver-container{padding:.75rem;padding-bottom:120px}.driver-header{margin-bottom:1rem}.driver-header h1{font-size:1.125rem}.driver-header .header-actions{width:100%}.driver-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select{height:40px}.driver-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.driver-table-container .table-scroll-wrapper{overflow-x:visible}.driver-table-container .driver-table thead{display:none}.driver-table-container .driver-table{min-width:0}.driver-table-container .driver-table tbody{display:flex;flex-direction:column;gap:.75rem}.driver-table-container .driver-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .driver-table-container .driver-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.driver-table-container .driver-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .driver-table-container .driver-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.driver-table-container .driver-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .driver-table-container .driver-table tbody tr td{border-bottom-color:#33363980}.driver-table-container .driver-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .driver-table-container .driver-table tbody tr td:before{color:#9aa0a6}.driver-table-container .driver-table tbody tr td:first-child{display:none}.driver-table-container .driver-table tbody tr td:nth-child(2):before{display:none}.driver-table-container .driver-table tbody tr td:nth-child(2){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .driver-table-container .driver-table tbody tr td:nth-child(2){border-bottom-color:#333639}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell{width:100%}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-avatar{width:42px;height:42px}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-name{font-size:1rem;white-space:normal}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-address{max-width:none;white-space:normal}.driver-table-container .driver-table tbody tr td[data-label=NIK]{white-space:normal}.driver-table-container .driver-table tbody tr td[data-label=NIK] .code-badge{font-size:.6875rem}.driver-table-container .driver-table tbody tr td[data-label=Phone],.driver-table-container .driver-table tbody tr td[data-label=Status]{white-space:nowrap}.driver-table-container .driver-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .driver-table-container .driver-table tbody tr td.action-column{border-top-color:#333639}.driver-table-container .driver-table tbody tr td.action-column:before{display:none}.driver-table-container .driver-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.driver-table-container .driver-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.driver-form{padding:0 .25rem .75rem}.driver-form .form-row,.driver-form .region-meta-row{flex-direction:column;gap:0}.MuiStepper-root{padding:.75rem 0 .5rem}.region-cascading-wrapper .region-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.region-cascading-wrapper .region-item .region-item-icon{display:none}.region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase}.region-cascading-wrapper .region-item .region-item-field{width:100%}.summary-section .summary-grid{grid-template-columns:1fr}.driver-view-details{gap:1rem}.driver-view-details .detail-section{border-radius:12px}.driver-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.driver-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.driver-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.driver-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.driver-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.driver-view-details .detail-section .detail-grid{grid-template-columns:1fr}.driver-view-details .detail-section .detail-item{padding:.5rem 1rem}.driver-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.driver-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .driver-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.driver-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.driver-view-details .detail-section .detail-documents-container{padding:.75rem 1rem}.driver-view-details .detail-section .detail-documents-container .document-list-item{flex-direction:column;align-items:flex-start}.driver-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{width:100%;height:140px;min-width:unset}.driver-view-details .detail-section .detail-documents-container .document-list-item .doc-details{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.driver-container{padding:.5rem;padding-bottom:110px}.driver-header h1{font-size:1rem}.driver-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.driver-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.driver-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.driver-table-container .driver-table tbody tr{padding:.75rem;border-radius:12px}.driver-table-container .driver-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.driver-table-container .driver-table tbody tr td:before{font-size:10px;margin-right:.5rem}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-avatar{width:36px;height:36px}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-avatar .MuiSvgIcon-root{font-size:18px}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-name{font-size:.75rem}.driver-table-container .driver-table tbody tr td:nth-child(2) .driver-name-cell .driver-address{font-size:.6875rem}.driver-table-container .driver-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.driver-table-container .driver-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.driver-table-container .driver-table tbody tr td.action-column .action-buttons{gap:.25rem}.driver-table-container .driver-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.driver-form .form-group input,.driver-form .form-group select,.driver-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.summary-section .summary-grid .summary-item{padding:.5rem}.summary-section .summary-grid .summary-item .summary-label{font-size:10px}.summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.driver-view-details{gap:.75rem}.driver-view-details .detail-section{border-radius:12px}.driver-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.driver-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.driver-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.driver-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.driver-view-details .detail-section .detail-item{padding:.5rem .75rem}.driver-view-details .detail-section .detail-item .detail-label{font-size:10px}.driver-view-details .detail-section .detail-item .detail-value{font-size:.75rem}.driver-view-details .detail-section .detail-documents-container{padding:.5rem .75rem}.driver-view-details .detail-section .detail-documents-container .document-list-item{padding:.5rem}.driver-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{height:100px}}.profile-container{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.profile-header{padding:2rem;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border-radius:16px;box-shadow:0 8px 32px #1f268726;overflow:hidden;position:relative}.profile-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');background-size:100px 100px;opacity:.3}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.profile-avatar{width:100px;height:100px;font-size:2.5rem;background-color:#fff3;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000001a}.profile-title{flex-grow:1}.profile-title h1{margin-bottom:.5rem;font-weight:1000}.profile-title h6{margin-bottom:.5rem;opacity:.9}.profile-company{display:flex;align-items:center;margin-top:.5rem;margin-bottom:.5rem}.profile-company .company-icon{margin-right:.5rem;font-size:1.2rem;opacity:.9}.profile-company .company-name{font-size:1.1rem;font-weight:500;opacity:.95}.profile-badges{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.profile-type-chip,.profile-country-chip{background-color:#fff3;color:#fff;font-weight:500}.profile-type-chip .MuiChip-icon,.profile-country-chip .MuiChip-icon{color:#fff}.edit-button,.save-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:500;padding:.6rem 1.2rem;border-radius:8px;transition:all .3s ease}.edit-button:hover,.save-button:hover{background-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cancel-button{border-color:#ffffff80;color:#fff;margin-right:1rem}.cancel-button:hover{background-color:#ffffff1a;border-color:#fff}.edit-actions{display:flex}.profile-content{border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.profile-card-content{padding:2rem}.section-title{margin-top:1.5rem;margin-bottom:1rem;color:#333;font-weight:600;display:flex;align-items:center}.section-title:first-child{margin-top:0}.section-divider{margin-bottom:1.5rem;background-color:#00000014}.info-grid{margin-bottom:2rem}.info-grid:last-child{margin-bottom:0}.field-icon{color:#0009;margin-right:.5rem;font-size:1.2rem}.readonly-field .MuiInputBase-input{cursor:default}.readonly-field .MuiFilledInput-root{background-color:#00000008;border-radius:4px;height:56px}.readonly-field .MuiFilledInput-root:hover{background-color:#0000000d}.editable-field .MuiOutlinedInput-root{height:56px}.editable-field .MuiOutlinedInput-root:hover fieldset{border-color:#673ab780}.editable-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#673ab7}.notification .MuiAlert-root{border-radius:8px;box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.profile-container{margin-top:1rem;margin-bottom:1rem}.profile-header{padding:1.5rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar{width:80px;height:80px;font-size:2rem}.profile-badges{justify-content:center}.edit-actions{margin-top:1rem;justify-content:center}.profile-card-content{padding:1.5rem}.section-title{font-size:1.2rem}}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:140px;max-width:200px}.search-and-filters .filter-bar .filter-group label{font-size:.6875rem;font-weight:600;color:#5f6368;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.search-and-filters .filter-bar .filter-group select{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;cursor:pointer;appearance:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);background-repeat:no-repeat;background-position:right 8px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.search-and-filters .filter-bar .filter-group select option{background-color:#fff;color:#1a1a2e}.search-and-filters .filter-bar .filter-group select{height:40px}.dark .search-and-filters .filter-bar .filter-group select{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;cursor:pointer;appearance:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);background-repeat:no-repeat;background-position:right 8px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.dark .search-and-filters .filter-bar .filter-group select option{background-color:#1a1d27;color:#e8eaed}.customer-table-container .customer-table{width:100%;border-collapse:collapse;min-width:900px}.customer-table-container .customer-table td[data-label="Fleet ID"],.customer-table-container .customer-table td[data-label="License Plate"],.customer-table-container .customer-table td[data-label=Type],.customer-table-container .customer-table td[data-label=Capacity],.customer-table-container .customer-table td[data-label="KIR Status"],.customer-table-container .customer-table td[data-label=Status]{white-space:nowrap}.customer-table-container .customer-table .customer-name-cell{display:flex;align-items:center;gap:.75rem;min-width:160px}.customer-table-container .customer-table .customer-name-cell .customer-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.customer-table-container .customer-table .status-badge.warning{background-color:#f9ab0014;color:#f9ab00}.dark .customer-table-container .customer-table .status-badge.warning{background-color:#f9ab0026;color:#fbbf24}.customer-form .form-group select{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;cursor:pointer;appearance:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);background-repeat:no-repeat;background-position:right 8px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.customer-form .form-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.customer-form .form-group select:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.customer-form .form-group select option{background-color:#fff;color:#1a1a2e}.customer-form .form-group select{height:42px}.dark .customer-form .form-group select{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;cursor:pointer;appearance:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);background-repeat:no-repeat;background-position:right 8px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.dark .customer-form .form-group select:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .customer-form .form-group select:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .customer-form .form-group select option{background-color:#1a1d27;color:#e8eaed}.dark .customer-form .form-group select{height:42px}@media(max-width:1200px){.customer-table .customer-name-cell .customer-address{max-width:140px}}@media(max-width:1024px){.customer-container{padding:1rem}.customer-header h1{font-size:1.125rem}.customer-form{padding:0 .75rem .75rem}.customer-form .form-row{gap:.75rem}.customer-table-container .table-scroll-wrapper{overflow-x:auto}.customer-view-details{gap:1.25rem}.customer-view-details .detail-section .detail-item{padding:.5rem 1rem}.search-and-filters .filter-bar{gap:.5rem}.search-and-filters .filter-bar .filter-group{min-width:120px}}@media(max-width:768px){.customer-container{padding:.75rem;padding-bottom:120px}.customer-header{margin-bottom:1rem}.customer-header h1{font-size:1.125rem}.customer-header .header-actions{width:100%}.customer-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.customer-header .header-actions .btn .btn-startIcon{margin-right:.25rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:column;gap:.5rem}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex-direction:row;align-items:center;gap:.5rem}.search-and-filters .filter-bar .filter-group label{margin-bottom:0;min-width:90px;font-size:.6875rem}.search-and-filters .filter-bar .filter-group select{flex:1;height:40px;min-width:0}.customer-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.customer-table-container .table-scroll-wrapper{overflow-x:visible}.customer-table-container .customer-table thead{display:none}.customer-table-container .customer-table{min-width:0}.customer-table-container .customer-table tbody{display:flex;flex-direction:column;gap:.75rem}.customer-table-container .customer-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .customer-table-container .customer-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.customer-table-container .customer-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .customer-table-container .customer-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.customer-table-container .customer-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .customer-table-container .customer-table tbody tr td{border-bottom-color:#33363980}.customer-table-container .customer-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .customer-table-container .customer-table tbody tr td:before{color:#9aa0a6}.customer-table-container .customer-table tbody tr td:first-child{display:none}.customer-table-container .customer-table tbody tr td:nth-child(3):before{display:none}.customer-table-container .customer-table tbody tr td:nth-child(3){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .customer-table-container .customer-table tbody tr td:nth-child(3){border-bottom-color:#333639}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell{width:100%}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-avatar{width:42px;height:42px}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-name{font-size:1rem;white-space:normal}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-address{max-width:none;white-space:normal}.customer-table-container .customer-table tbody tr td[data-label="Fleet ID"],.customer-table-container .customer-table tbody tr td[data-label="License Plate"]{white-space:normal}.customer-table-container .customer-table tbody tr td[data-label="Fleet ID"] .code-badge,.customer-table-container .customer-table tbody tr td[data-label="License Plate"] .code-badge{font-size:.6875rem}.customer-table-container .customer-table tbody tr td[data-label=Type],.customer-table-container .customer-table tbody tr td[data-label=Capacity],.customer-table-container .customer-table tbody tr td[data-label="KIR Status"],.customer-table-container .customer-table tbody tr td[data-label=Status]{white-space:nowrap}.customer-table-container .customer-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .customer-table-container .customer-table tbody tr td.action-column{border-top-color:#333639}.customer-table-container .customer-table tbody tr td.action-column:before{display:none}.customer-table-container .customer-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.customer-form{padding:0 .25rem .75rem}.customer-form .form-row{flex-direction:column;gap:0}.MuiStepper-root{padding:.75rem 0 .5rem}.summary-section .summary-grid{grid-template-columns:1fr}.customer-view-details{gap:1rem}.customer-view-details .detail-section{border-radius:12px}.customer-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.customer-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.customer-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.customer-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.customer-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.customer-view-details .detail-section .detail-grid{grid-template-columns:1fr}.customer-view-details .detail-section .detail-item{padding:.5rem 1rem}.customer-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.customer-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .customer-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.customer-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.customer-view-details .detail-section .detail-documents-container{padding:.75rem 1rem}.customer-view-details .detail-section .detail-documents-container .document-list-item{flex-direction:column;align-items:flex-start}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{width:100%;height:140px;min-width:unset}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-details{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.customer-container{padding:.5rem;padding-bottom:110px}.customer-header h1{font-size:1rem}.customer-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.customer-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.customer-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.search-and-filters .filter-bar .filter-group label{min-width:unset;margin-bottom:0}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.customer-table-container .customer-table tbody tr{padding:.75rem;border-radius:12px}.customer-table-container .customer-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.customer-table-container .customer-table tbody tr td:before{font-size:10px;margin-right:.5rem}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-avatar{width:36px;height:36px}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-avatar .MuiSvgIcon-root{font-size:18px}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-name{font-size:.75rem}.customer-table-container .customer-table tbody tr td:nth-child(3) .customer-name-cell .customer-address{font-size:.6875rem}.customer-table-container .customer-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.customer-table-container .customer-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons{gap:.25rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.customer-form .form-group input,.customer-form .form-group select,.customer-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.summary-section .summary-grid .summary-item{padding:.5rem}.summary-section .summary-grid .summary-item .summary-label{font-size:10px}.summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.customer-view-details{gap:.75rem}.customer-view-details .detail-section{border-radius:12px}.customer-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.customer-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.customer-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.customer-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.customer-view-details .detail-section .detail-item{padding:.5rem .75rem}.customer-view-details .detail-section .detail-item .detail-label{font-size:10px}.customer-view-details .detail-section .detail-item .detail-value{font-size:.75rem}.customer-view-details .detail-section .detail-documents-container{padding:.5rem .75rem}.customer-view-details .detail-section .detail-documents-container .document-list-item{padding:.5rem}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{height:100px}}.sales-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.sales-container.dark{background-color:#0f1117;color:#e8eaed}.sales-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.sales-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.sales-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#00897b,#4db6ac);border-radius:9999px;flex-shrink:0}.sales-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .search-bar input:focus{outline:none;border-color:#00897b;box-shadow:0 0 0 3px #00897b26}.dark .search-and-filters .search-bar input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #00897b40}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.search-and-filters .filter-bar .filter-group select::placeholder,.search-and-filters .filter-bar .filter-group input::placeholder{color:#80868b}.search-and-filters .filter-bar .filter-group select:focus,.search-and-filters .filter-bar .filter-group input:focus{outline:none;border-color:#00897b;box-shadow:0 0 0 3px #00897b26}.search-and-filters .filter-bar .filter-group select:disabled,.search-and-filters .filter-bar .filter-group input:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select,.dark .search-and-filters .filter-bar .filter-group input{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .search-and-filters .filter-bar .filter-group select::placeholder,.dark .search-and-filters .filter-bar .filter-group input::placeholder{color:#6e7479}.dark .search-and-filters .filter-bar .filter-group select:focus,.dark .search-and-filters .filter-bar .filter-group input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #00897b40}.dark .search-and-filters .filter-bar .filter-group select:disabled,.dark .search-and-filters .filter-bar .filter-group input:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .search-and-filters .filter-bar .filter-group select,.dark .search-and-filters .filter-bar .filter-group input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.search-and-filters .filter-bar .filter-group input{padding-right:.75rem;cursor:text}.sales-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .sales-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.sales-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.sales-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .sales-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.sales-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#00897b40;border-radius:9999px}.sales-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#00897b73}.sales-table-container .sales-table{width:100%;border-collapse:collapse;min-width:900px}.sales-table-container .sales-table thead tr{background-color:#fafbfc}.dark .sales-table-container .sales-table thead tr{background-color:#222530}.sales-table-container .sales-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .sales-table-container .sales-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.sales-table-container .sales-table th.action-header{text-align:center;width:130px;min-width:130px}.sales-table-container .sales-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.sales-table-container .sales-table tbody tr:last-child{border-bottom:none}.sales-table-container .sales-table tbody tr:hover{background-color:#e0f2f1}.dark .sales-table-container .sales-table tbody tr:hover{background-color:#ffffff0f}.sales-table-container .sales-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .sales-table-container .sales-table td{color:#e8eaed}.sales-table-container .sales-table td[data-label=Email]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-table-container .sales-table td[data-label=Phone],.sales-table-container .sales-table td[data-label=Status]{white-space:nowrap}.sales-table-container .sales-table .sales-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.sales-table-container .sales-table .sales-name-cell .sales-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#00897b1a,#00897b33);color:#00897b;flex-shrink:0}.dark .sales-table-container .sales-table .sales-name-cell .sales-avatar{background:linear-gradient(135deg,#00897b26,#00897b4d)}.sales-table-container .sales-table .sales-name-cell .sales-name{font-weight:600;white-space:nowrap}.sales-table-container .sales-table .sales-name-cell .sales-subtitle{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.dark .sales-table-container .sales-table .sales-name-cell .sales-subtitle{color:#6e7479}.sales-table-container .sales-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#00897b;background-color:#00897b14;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .sales-table-container .sales-table .code-badge{background-color:#00897b26;color:#4db6ac}.sales-table-container .sales-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.sales-table-container .sales-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.sales-table-container .sales-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .sales-table-container .sales-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.sales-table-container .sales-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .sales-table-container .sales-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.sales-table-container .sales-table .action-column{min-width:120px;width:120px;text-align:center}.sales-table-container .sales-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.sales-table-container .sales-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .sales-table-container .sales-table .action-column .action-buttons button{color:#9aa0a6}.sales-table-container .sales-table .action-column .action-buttons button:hover{background-color:#00897b14;color:#00897b}.sales-table-container .sales-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.sales-table-container .sales-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.btn.btn-primary{background-color:#00897b;color:#fff;box-shadow:0 2px 4px #00897b4d}.btn.btn-primary:hover:not(:disabled){background-color:#00796b;transform:translateY(-1px)}.MuiStepper-root .MuiStepLabel-label.Mui-active{color:#00897b!important}.MuiStepper-root .MuiStepIcon-root.Mui-active{color:#00897b}.sales-form{padding:0 1rem 1rem}.sales-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}.sales-form .form-row{display:flex;gap:1rem}.sales-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.sales-form .form-group.full-width{flex:0 0 100%}.sales-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .sales-form .form-group label{color:#9aa0a6}.sales-form .form-group input,.sales-form .form-group select,.sales-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.sales-form .form-group input::placeholder,.sales-form .form-group select::placeholder,.sales-form .form-group textarea::placeholder{color:#80868b}.sales-form .form-group input:focus,.sales-form .form-group select:focus,.sales-form .form-group textarea:focus{outline:none;border-color:#00897b;box-shadow:0 0 0 3px #00897b26}.sales-form .form-group input:disabled,.sales-form .form-group select:disabled,.sales-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .sales-form .form-group input,.dark .sales-form .form-group select,.dark .sales-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .sales-form .form-group input::placeholder,.dark .sales-form .form-group select::placeholder,.dark .sales-form .form-group textarea::placeholder{color:#6e7479}.dark .sales-form .form-group input:focus,.dark .sales-form .form-group select:focus,.dark .sales-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #00897b40}.dark .sales-form .form-group input:disabled,.dark .sales-form .form-group select:disabled,.dark .sales-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.sales-form .form-group textarea{resize:vertical;min-height:80px}.sales-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .sales-form .form-group .field-hint{color:#6e7479}.sales-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.sales-view-container{padding:1rem 0}.sales-view-details{display:flex;flex-direction:column;gap:1.5rem}.sales-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .sales-view-details .detail-section{background-color:#222530;border-color:#333639}.sales-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#00897b08,#00897b14);border-bottom:1px solid #e8eaed}.dark .sales-view-details .detail-section-header{background:linear-gradient(135deg,#00897b0d,#00897b1a);border-bottom-color:#333639}.sales-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sales-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.sales-view-details .detail-section-header .detail-section-icon.detail-icon-sales{background:linear-gradient(135deg,#00897b26,#00897b40);color:#00897b}.dark .sales-view-details .detail-section-header .detail-section-icon.detail-icon-sales{background:linear-gradient(135deg,#00897b33,#00897b59);color:#4db6ac}.sales-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#00897b26,#00897b40);color:#00897b}.dark .sales-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#00897b33,#00897b59);color:#8ab4f8}.sales-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .sales-view-details .detail-section-header .detail-section-title{color:#e8eaed}.sales-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .sales-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.sales-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.sales-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .sales-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.sales-view-details .detail-item:nth-child(2n){border-right:none}.sales-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.sales-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.sales-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}.sales-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .sales-view-details .detail-item .detail-label{color:#6e7479}.sales-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .sales-view-details .detail-item .detail-value{color:#e8eaed}.sales-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#00897b;background-color:#00897b14;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .sales-view-details .detail-item .detail-value.detail-value-code{background-color:#00897b26;color:#4db6ac}.sales-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.sales-view-details .detail-item .detail-value.detail-value-email{color:#00897b;word-break:break-all}.dark .sales-view-details .detail-item .detail-value.detail-value-email{color:#8ab4f8}.sales-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.sales-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed}.dark .sales-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.sales-view-details .detail-item .detail-link{color:#00897b;text-decoration:none;word-break:break-all}.sales-view-details .detail-item .detail-link:hover{text-decoration:underline}.dark .sales-view-details .detail-item .detail-link{color:#8ab4f8}.preview-table-container::-webkit-scrollbar-thumb{background-color:#00897b33;border-radius:9999px}.preview-table-container::-webkit-scrollbar-thumb:hover{background-color:#00897b66}.loading,.no-data{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3rem 1.5rem;gap:1rem}.loading .spinner,.no-data .spinner{width:44px;height:44px;border:3px solid #e8eaed;border-radius:9999px;border-top-color:#00897b;animation:spin .8s linear infinite}.dark .loading .spinner,.dark .no-data .spinner{border-color:#333639;border-top-color:#00897b}@media(max-width:1200px){.sales-table .sales-name-cell .sales-subtitle{max-width:140px}.sales-table td[data-label=Email]{max-width:180px}}@media(max-width:1024px){.sales-container{padding:1rem}.sales-header h1{font-size:1.125rem}.sales-form{padding:0 .75rem .75rem}.sales-form .form-row{gap:.75rem}.sales-table-container .table-scroll-wrapper{overflow-x:auto}.sales-view-details{gap:1.25rem}.sales-view-details .detail-section .detail-item{padding:.5rem 1rem}}@media(max-width:768px){.sales-container{padding:.75rem;padding-bottom:120px}.sales-header{margin-bottom:1rem}.sales-header h1{font-size:1.125rem}.sales-header .header-actions{width:100%}.sales-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{height:40px}.sales-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.sales-table-container .table-scroll-wrapper{overflow-x:visible}.sales-table-container .sales-table thead{display:none}.sales-table-container .sales-table{min-width:0}.sales-table-container .sales-table tbody{display:flex;flex-direction:column;gap:.75rem}.sales-table-container .sales-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .sales-table-container .sales-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.sales-table-container .sales-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .sales-table-container .sales-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.sales-table-container .sales-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .sales-table-container .sales-table tbody tr td{border-bottom-color:#33363980}.sales-table-container .sales-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .sales-table-container .sales-table tbody tr td:before{color:#9aa0a6}.sales-table-container .sales-table tbody tr td:first-child{display:none}.sales-table-container .sales-table tbody tr td:nth-child(2):before{display:none}.sales-table-container .sales-table tbody tr td:nth-child(2){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .sales-table-container .sales-table tbody tr td:nth-child(2){border-bottom-color:#333639}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell{width:100%}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-avatar{width:42px;height:42px}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-name{font-size:1rem;white-space:normal}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-subtitle{max-width:none;white-space:normal}.sales-table-container .sales-table tbody tr td[data-label=Email]{max-width:none;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.sales-table-container .sales-table tbody tr td[data-label=Phone],.sales-table-container .sales-table tbody tr td[data-label=Status]{white-space:nowrap}.sales-table-container .sales-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .sales-table-container .sales-table tbody tr td.action-column{border-top-color:#333639}.sales-table-container .sales-table tbody tr td.action-column:before{display:none}.sales-table-container .sales-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.sales-table-container .sales-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.sales-form{padding:0 .25rem .75rem}.sales-form .form-row{flex-direction:column;gap:0}.MuiStepper-root{padding:.75rem 0 .5rem}.sales-view-details{gap:1rem}.sales-view-details .detail-section{border-radius:12px}.sales-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.sales-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.sales-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.sales-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.sales-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.sales-view-details .detail-section .detail-grid{grid-template-columns:1fr}.sales-view-details .detail-section .detail-item{padding:.5rem 1rem}.sales-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.sales-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .sales-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.sales-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.sales-container{padding:.5rem;padding-bottom:110px}.sales-header h1{font-size:1rem}.sales-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.sales-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.sales-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{height:38px;font-size:.75rem}.sales-table-container .sales-table tbody tr{padding:.75rem;border-radius:12px}.sales-table-container .sales-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.sales-table-container .sales-table tbody tr td:before{font-size:10px;margin-right:.5rem}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-avatar{width:36px;height:36px}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-avatar .MuiSvgIcon-root{font-size:18px}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-name{font-size:.75rem}.sales-table-container .sales-table tbody tr td:nth-child(2) .sales-name-cell .sales-subtitle{font-size:.6875rem}.sales-table-container .sales-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.sales-table-container .sales-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.sales-table-container .sales-table tbody tr td.action-column .action-buttons{gap:.25rem}.sales-table-container .sales-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.sales-form .form-group input,.sales-form .form-group select,.sales-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.summary-section .summary-grid .summary-item{padding:.5rem}.summary-section .summary-grid .summary-item .summary-label{font-size:10px}.summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.sales-view-details{gap:.75rem}.sales-view-details .detail-section{border-radius:12px}.sales-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.sales-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.sales-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.sales-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.sales-view-details .detail-section .detail-item{padding:.5rem .75rem}.sales-view-details .detail-section .detail-item .detail-label{font-size:10px}.sales-view-details .detail-section .detail-item .detail-value{font-size:.75rem}}.price-container{padding:24px;min-height:100vh;background-color:#f4f6f8;color:#172b4d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.price-container.dark{background-color:#0d1117;color:#e6edf3}.price-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.price-header h1{font-size:24px;font-weight:700;color:inherit;letter-spacing:-.5px;margin:0}.price-header .header-actions{display:flex;gap:10px}.search-and-filters .search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b778c;font-size:20px}.dark .search-and-filters .search-bar .search-icon{color:#8b949e}.search-and-filters .search-bar input{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.search-and-filters .search-bar input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.search-and-filters .search-bar input:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed}.search-and-filters .search-bar input{padding-left:44px;height:48px}.dark .search-and-filters .search-bar input{background-color:#161b22;border-color:#30363d;color:#e6edf3}.dark .search-and-filters .search-bar input::placeholder{color:#8b949e}.search-and-filters .filter-bar{display:flex;gap:16px;flex-wrap:wrap}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:200px}.search-and-filters .filter-bar .filter-group label{font-size:12px;font-weight:600;color:#6b778c;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.dark .search-and-filters .filter-bar .filter-group label{color:#8b949e}.search-and-filters .filter-bar .filter-group select{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.search-and-filters .filter-bar .filter-group select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.search-and-filters .filter-bar .filter-group select:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed}.search-and-filters .filter-bar .filter-group select{height:42px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236b778c' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.dark .search-and-filters .filter-bar .filter-group select{background-color:#161b22;border-color:#30363d;color:#e6edf3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%238b949e' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.price-table-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #091e4214;overflow:hidden}.dark .price-table-container{background-color:#161b22;border:1px solid #30363d}.price-table-container .price-table{width:100%;border-collapse:collapse}.price-table-container .price-table th{background-color:#fafbfc;padding:14px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;color:#6b778c;border-bottom:2px solid #ebecf0;white-space:nowrap}.dark .price-table-container .price-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.price-table-container .price-table th.action-header{text-align:center}.price-table-container .price-table td{padding:14px 16px;border-bottom:1px solid #ebecf0;vertical-align:middle;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .price-table-container .price-table td{border-bottom-color:#30363d}.price-table-container .price-table tbody tr:hover{background-color:#f0f7ff}.dark .price-table-container .price-table tbody tr:hover{background-color:#ffffff08}.price-table-container .price-table .route-cell{display:flex;align-items:center;gap:12px}.price-table-container .price-table .route-cell .route-avatar{width:38px;height:38px;background-color:#1976d21a;color:#1976d2;font-weight:700}.dark .price-table-container .price-table .route-cell .route-avatar{background-color:#1976d233}.price-table-container .price-table .route-cell .route-from{font-weight:600;color:#172b4d}.dark .price-table-container .price-table .route-cell .route-from{color:#e6edf3}.price-table-container .price-table .route-cell .route-to{font-size:12px;color:#6b778c;margin-top:2px}.dark .price-table-container .price-table .route-cell .route-to{color:#8b949e}.price-table-container .price-table .price-text{font-weight:600;color:#1976d2}.price-table-container .price-table .cost-text{color:#ed6c02;font-weight:500}.price-table-container .price-table .profit-text{color:#2e7d32;font-weight:600}.price-table-container .price-table .loss-text{color:#d32f2f;font-weight:600}.price-table-container .price-table .status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;box-shadow:0 2px 4px #0000001a;color:#fff}.price-table-container .price-table .status-badge.pergi{background-color:#0288d1}.price-table-container .price-table .status-badge.pulang{background-color:#ed6c02}.dark .price-table-container .price-table .status-badge{box-shadow:0 2px 4px #0003}.price-table-container .price-table .action-column{text-align:center}.price-table-container .price-table .action-column .action-buttons{display:inline-flex;gap:6px;justify-content:center}.price-table-container .price-table .action-column .action-buttons button{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#6b778c;transition:all .25s cubic-bezier(.4,0,.2,1)}.price-table-container .price-table .action-column .action-buttons button:hover{background-color:#1976d21a;color:#1976d2}.price-table-container .price-table .action-column .action-buttons button.btn-delete:hover{color:#d32f2f;background-color:#d32f2f1a}body.dark .MuiDialog-paper{background-color:#161b22;border:1px solid #30363d;color:#e6edf3}body.dark .MuiDialogTitle-root{color:#e6edf3;border-bottom-color:#30363d}body.dark .MuiDialogContent-root{color:#e6edf3}body.dark .MuiDialogActions-root{border-top:1px solid #30363d;background-color:#0d1117}body.dark .MuiPaper-root{background-color:#161b22;border:1px solid #30363d}body.dark .MuiDivider-root{border-color:#21262d}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ebecf0}.dark .dialog-title{border-bottom-color:#30363d}.dialog-title h2{font-size:18px;font-weight:700;margin:0}.MuiStepper-root{padding:24px 0;background-color:transparent}.MuiStepper-root .MuiStepLabel-label{font-weight:600!important;font-size:13px;color:#6b778c!important}.dark .MuiStepper-root .MuiStepLabel-label{color:#8b949e!important}.MuiStepper-root .MuiStepLabel-label.Mui-active{color:#1976d2!important}.MuiStepper-root .MuiStepLabel-label.Mui-completed{color:#2e7d32!important}.MuiStepper-root .MuiStepIcon-root{color:#6b778c}.dark .MuiStepper-root .MuiStepIcon-root{color:#8b949e}.MuiStepper-root .MuiStepIcon-root.Mui-active{color:#1976d2}.MuiStepper-root .MuiStepIcon-root.Mui-completed{color:#2e7d32}.MuiStepper-root .MuiStepConnector-line{border-color:#dfe1e6}.dark .MuiStepper-root .MuiStepConnector-line{border-color:#30363d}.price-form{padding:0 24px 24px}.price-form .form-step{margin-top:24px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.price-form .form-row{display:flex;gap:20px;margin-bottom:0}@media(max-width:768px){.price-form .form-row{flex-direction:column;gap:0}}.price-form .form-group{margin-bottom:20px;flex:1;display:flex;flex-direction:column}.price-form .form-group.full-width{flex:100%}.price-form .form-group label{display:block;font-size:13px;font-weight:600;color:#6b778c;margin-bottom:8px}.dark .price-form .form-group label{color:#8b949e}.price-form .form-group input,.price-form .form-group select,.price-form .form-group textarea{background-color:#fff;border:1px solid #dfe1e6;border-radius:6px;padding:12px 14px;font-size:14px;color:#172b4d;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.price-form .form-group input:focus,.price-form .form-group select:focus,.price-form .form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.price-form .form-group input:disabled,.price-form .form-group select:disabled,.price-form .form-group textarea:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed}.dark .price-form .form-group input,.dark .price-form .form-group select,.dark .price-form .form-group textarea{background-color:#21262d;border-color:#30363d;color:#e6edf3}.dark .price-form .form-group input::placeholder,.dark .price-form .form-group select::placeholder,.dark .price-form .form-group textarea::placeholder{color:#8b949e}.price-form .form-group input.calculated,.price-form .form-group select.calculated,.price-form .form-group textarea.calculated{background-color:#fafbfc;font-weight:600;color:#1976d2;cursor:default}.dark .price-form .form-group input.calculated,.dark .price-form .form-group select.calculated,.dark .price-form .form-group textarea.calculated{background-color:#0d1117;color:#1976d2e6}.price-form .form-group input.calculated.total-cost,.price-form .form-group select.calculated.total-cost,.price-form .form-group textarea.calculated.total-cost{background-color:#1976d214;font-size:15px;border-color:#1976d24d}.dark .price-form .form-group input.calculated.total-cost,.dark .price-form .form-group select.calculated.total-cost,.dark .price-form .form-group textarea.calculated.total-cost{background-color:#1976d21f;border-color:#1976d240}.price-form .form-group textarea{resize:vertical;min-height:80px}.price-form .form-group .field-hint{display:block;margin-top:4px;font-size:11px;color:#6b778c;font-style:italic}.dark .price-form .form-group .field-hint{color:#8b949e}.price-form .input-with-spinner{position:relative}.price-form .input-with-spinner .input-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.price-form .form-section{margin-bottom:8px}.price-form .form-section .form-section-title{font-size:14px;font-weight:700;color:#1976d2;margin-bottom:16px;display:flex;align-items:center;gap:8px}.price-form .form-section .form-section-title .section-icon{font-size:20px}.view-price-dialog .view-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}@media(max-width:600px){.view-price-dialog .view-summary-cards{grid-template-columns:1fr}}.view-price-dialog .view-summary-cards .view-summary-card{padding:20px;border-radius:10px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.view-price-dialog .view-summary-cards .view-summary-card .card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;opacity:.8}.view-price-dialog .view-summary-cards .view-summary-card .card-value{font-size:20px;font-weight:700}.view-price-dialog .view-summary-cards .view-summary-card.price-card-highlight{background-color:#1976d214;border:1px solid rgba(25,118,210,.2)}.view-price-dialog .view-summary-cards .view-summary-card.price-card-highlight .card-label,.view-price-dialog .view-summary-cards .view-summary-card.price-card-highlight .card-value{color:#1976d2}.dark .view-price-dialog .view-summary-cards .view-summary-card.price-card-highlight{background-color:#1976d224;border-color:#1976d240}.view-price-dialog .view-summary-cards .view-summary-card.cost-card-highlight{background-color:#ed6c0214;border:1px solid rgba(237,108,2,.2)}.view-price-dialog .view-summary-cards .view-summary-card.cost-card-highlight .card-label,.view-price-dialog .view-summary-cards .view-summary-card.cost-card-highlight .card-value{color:#ed6c02}.dark .view-price-dialog .view-summary-cards .view-summary-card.cost-card-highlight{background-color:#ed6c0224;border-color:#ed6c0240}.view-price-dialog .view-summary-cards .view-summary-card.profit-card-highlight{background-color:#2e7d3214;border:1px solid rgba(46,125,50,.2)}.view-price-dialog .view-summary-cards .view-summary-card.profit-card-highlight .card-label,.view-price-dialog .view-summary-cards .view-summary-card.profit-card-highlight .card-value{color:#2e7d32}.dark .view-price-dialog .view-summary-cards .view-summary-card.profit-card-highlight{background-color:#2e7d3224;border-color:#2e7d3240}.view-price-dialog .view-summary-cards .view-summary-card.loss-card-highlight{background-color:#d32f2f14;border:1px solid rgba(211,47,47,.2)}.view-price-dialog .view-summary-cards .view-summary-card.loss-card-highlight .card-label,.view-price-dialog .view-summary-cards .view-summary-card.loss-card-highlight .card-value{color:#d32f2f}.dark .view-price-dialog .view-summary-cards .view-summary-card.loss-card-highlight{background-color:#d32f2f24;border-color:#d32f2f40}.view-price-dialog .info-section{margin-bottom:32px}.view-price-dialog .info-section .section-title{font-size:14px;font-weight:700;color:#1976d2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(25,118,210,.2)}.view-price-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}@media(max-width:600px){.view-price-dialog .info-section .info-grid{grid-template-columns:1fr}}.view-price-dialog .info-section .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;background-color:transparent;border-bottom:1px dashed #ebecf0}.dark .view-price-dialog .info-section .info-grid .info-item{border-bottom-color:#30363d80}.view-price-dialog .info-section .info-grid .info-item.highlight-net{background-color:#2e7d320a;border-radius:6px;padding:10px 12px;border-bottom:none;margin-top:4px}.dark .view-price-dialog .info-section .info-grid .info-item.highlight-net{background-color:#2e7d3214}.view-price-dialog .info-section .info-grid .info-item .info-label{font-size:13px;color:#6b778c;margin-bottom:0;font-weight:500;white-space:nowrap}.dark .view-price-dialog .info-section .info-grid .info-item .info-label{color:#8b949e}.view-price-dialog .info-section .info-grid .info-item .info-value{font-size:14px;font-weight:600;color:#172b4d;text-align:right;margin-left:16px}.dark .view-price-dialog .info-section .info-grid .info-item .info-value{color:#e6edf3}.view-price-dialog .info-section .info-grid .info-item .info-value.profit-text{color:#2e7d32}.view-price-dialog .info-section .info-grid .info-item .info-value.loss-text{color:#d32f2f}.view-price-dialog .info-section .info-grid .info-item .info-value.cost-text{color:#ed6c02}.view-price-dialog .info-section .info-grid .info-item.full-width{grid-column:1/-1;flex-direction:column;align-items:flex-start;border-bottom:none}.view-price-dialog .info-section .info-grid .info-item.full-width .info-label{margin-bottom:4px}.view-price-dialog .info-section .info-grid .info-item.full-width .info-value{text-align:left;margin-left:0;margin-top:4px;width:100%}.view-price-dialog .route-display{display:flex;flex-direction:column;gap:0;padding:8px 0}.view-price-dialog .route-display .route-point{display:flex;align-items:flex-start;gap:16px}.view-price-dialog .route-display .route-point .route-dot{width:14px;height:14px;min-width:14px;border-radius:50%;background-color:#2e7d32;margin-top:4px;box-shadow:0 0 0 4px #2e7d3226}.view-price-dialog .route-display .route-point .route-dot.dest{background-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f26}.view-price-dialog .route-display .route-point .route-label{font-size:11px;font-weight:600;color:#6b778c;text-transform:uppercase;letter-spacing:.5px}.dark .view-price-dialog .route-display .route-point .route-label{color:#8b949e}.view-price-dialog .route-display .route-point .route-name{font-size:14px;font-weight:600;color:#172b4d;margin-top:2px}.dark .view-price-dialog .route-display .route-point .route-name{color:#e6edf3}.view-price-dialog .route-display .route-point .route-detail{font-size:12px;color:#6b778c;margin-top:2px}.dark .view-price-dialog .route-display .route-point .route-detail{color:#8b949e}.view-price-dialog .route-display .route-line{width:2px;height:24px;background-color:#dfe1e6;margin-left:6px}.dark .view-price-dialog .route-display .route-line{background-color:#30363d}.view-price-dialog .cost-breakdown{padding:4px 0}.view-price-dialog .cost-breakdown .cost-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:6px;transition:all .25s cubic-bezier(.4,0,.2,1)}.view-price-dialog .cost-breakdown .cost-row:hover{background-color:#1976d208}.dark .view-price-dialog .cost-breakdown .cost-row:hover{background-color:#1976d20f}.view-price-dialog .cost-breakdown .cost-row.total{background-color:#ed6c020f;border:1px solid rgba(237,108,2,.15);margin-top:4px}.dark .view-price-dialog .cost-breakdown .cost-row.total{background-color:#ed6c021a;border-color:#ed6c0233}.view-price-dialog .cost-breakdown .cost-row.total .cost-label{font-weight:700;color:#ed6c02}.view-price-dialog .cost-breakdown .cost-row.total .cost-value{font-weight:700;color:#ed6c02;font-size:15px}.view-price-dialog .cost-breakdown .cost-row .cost-label{font-size:14px;color:#172b4d;display:flex;align-items:center;gap:8px}.dark .view-price-dialog .cost-breakdown .cost-row .cost-label{color:#e6edf3}.view-price-dialog .cost-breakdown .cost-row .cost-label .cost-icon{font-size:18px;color:#6b778c}.dark .view-price-dialog .cost-breakdown .cost-row .cost-label .cost-icon{color:#8b949e}.view-price-dialog .cost-breakdown .cost-row .cost-value{font-size:14px;font-weight:600;color:#172b4d}.dark .view-price-dialog .cost-breakdown .cost-row .cost-value{color:#e6edf3}.view-price-dialog .notes-display{padding:16px;background-color:#f4f6f8;border-radius:6px;border:1px solid #dfe1e6;font-size:14px;line-height:1.6;color:#172b4d;white-space:pre-wrap}.dark .view-price-dialog .notes-display{background-color:#21262d;border-color:#30363d;color:#e6edf3}.btn{padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;text-transform:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px}.btn.btn-primary{background-color:#1976d2;color:#fff;box-shadow:0 2px 4px #1976d233}.btn.btn-primary:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn.btn-secondary{background-color:transparent;color:#172b4d;border:1px solid #dfe1e6}.dark .btn.btn-secondary{color:#e6edf3;border-color:#30363d;background-color:#ffffff0d}.btn.btn-secondary:hover{background-color:#00000008}.dark .btn.btn-secondary:hover{background-color:#ffffff14}.btn.btn-sm{padding:0;width:32px;height:32px;min-width:unset}@media(max-width:768px){.price-container{padding:16px 16px 100px}.price-table-container{background-color:transparent;box-shadow:none;border:none}.price-table-container .price-table thead{display:none}.price-table-container .price-table tbody{display:flex;flex-direction:column;gap:12px}.price-table-container .price-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 4px 12px #091e4214;position:relative;gap:8px}.dark .price-table-container .price-table tbody tr{background-color:#161b22;border:1px solid #30363d}.price-table-container .price-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(223,225,230,.5)}.dark .price-table-container .price-table tbody tr td{border-bottom-color:#30363d80}.price-table-container .price-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6b778c;text-transform:uppercase}.dark .price-table-container .price-table tbody tr td:before{color:#8b949e}.price-table-container .price-table tbody tr td:nth-child(1){flex-direction:column;align-items:flex-start;border-bottom:1px solid #ebecf0;padding-bottom:12px;margin-bottom:8px}.price-table-container .price-table tbody tr td:nth-child(1):before{display:none}.price-table-container .price-table tbody tr td:nth-child(1) .route-cell{margin-bottom:4px}.price-table-container .price-table tbody tr td:nth-child(1) .route-cell .route-from{font-size:15px}.price-table-container .price-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:12px;margin-top:4px}.price-table-container .price-table tbody tr td.action-column:before{display:none}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-group,.filter-bar .filter-group select{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .page-info{text-align:center}.floating-add-btn{box-shadow:0 4px 12px #0003}.view-summary-cards{grid-template-columns:1fr!important}}.input-error{border-color:#d32f2f!important}.input-error:focus{box-shadow:0 0 0 3px #d32f2f26!important}.error-text{display:block;color:#d32f2f;font-size:11px;margin-top:4px;font-weight:500}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.pagination .page-info{color:#6b778c;font-size:14px}.dark .pagination .page-info{color:#8b949e}.pagination .pagination-controls{display:flex}.customer-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.customer-container.dark{background-color:#0f1117;color:#e8eaed}.customer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.customer-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.customer-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#1a73e8,#4285f4);border-radius:9999px;flex-shrink:0}.customer-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.customer-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .customer-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.customer-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.customer-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.customer-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .customer-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.customer-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#1a73e840;border-radius:9999px}.customer-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#1a73e873}.customer-table-container .customer-table{width:100%;border-collapse:collapse;min-width:800px}.customer-table-container .customer-table thead tr{background-color:#fafbfc}.dark .customer-table-container .customer-table thead tr{background-color:#222530}.customer-table-container .customer-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .customer-table-container .customer-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.customer-table-container .customer-table th.action-header{text-align:center;width:130px;min-width:130px}.customer-table-container .customer-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.customer-table-container .customer-table tbody tr:last-child{border-bottom:none}.customer-table-container .customer-table tbody tr:hover{background-color:#e8f0fe}.dark .customer-table-container .customer-table tbody tr:hover{background-color:#ffffff0f}.customer-table-container .customer-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .customer-table-container .customer-table td{color:#e8eaed}.customer-table-container .customer-table td[data-label=Code]{white-space:nowrap}.customer-table-container .customer-table td[data-label=Email]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-table-container .customer-table td[data-label=Phone],.customer-table-container .customer-table td[data-label=Status]{white-space:nowrap}.customer-table-container .customer-table .customer-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.customer-table-container .customer-table .customer-name-cell .customer-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1a73e81a,#1a73e833);color:#1a73e8;flex-shrink:0}.dark .customer-table-container .customer-table .customer-name-cell .customer-avatar{background:linear-gradient(135deg,#1a73e826,#1a73e84d)}.customer-table-container .customer-table .customer-name-cell .customer-name{font-weight:600;white-space:nowrap}.customer-table-container .customer-table .customer-name-cell .customer-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.dark .customer-table-container .customer-table .customer-name-cell .customer-address{color:#6e7479}.customer-table-container .customer-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#1a73e8;background-color:#1a73e814;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .customer-table-container .customer-table .code-badge{background-color:#1a73e826;color:#8ab4f8}.customer-table-container .customer-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.customer-table-container .customer-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.customer-table-container .customer-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .customer-table-container .customer-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.customer-table-container .customer-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .customer-table-container .customer-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.customer-table-container .customer-table .action-column{min-width:120px;width:120px;text-align:center}.customer-table-container .customer-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.customer-table-container .customer-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .customer-table-container .customer-table .action-column .action-buttons button{color:#9aa0a6}.customer-table-container .customer-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.customer-table-container .customer-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.customer-table-container .customer-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.customer-form{padding:0 1rem 1rem}.customer-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}.customer-form .form-row{display:flex;gap:1rem}.customer-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.customer-form .form-group.full-width{flex:0 0 100%}.customer-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .customer-form .form-group label{color:#9aa0a6}.customer-form .form-group input,.customer-form .form-group select,.customer-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.customer-form .form-group input::placeholder,.customer-form .form-group select::placeholder,.customer-form .form-group textarea::placeholder{color:#80868b}.customer-form .form-group input:focus,.customer-form .form-group select:focus,.customer-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.customer-form .form-group input:disabled,.customer-form .form-group select:disabled,.customer-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .customer-form .form-group input,.dark .customer-form .form-group select,.dark .customer-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .customer-form .form-group input::placeholder,.dark .customer-form .form-group select::placeholder,.dark .customer-form .form-group textarea::placeholder{color:#6e7479}.dark .customer-form .form-group input:focus,.dark .customer-form .form-group select:focus,.dark .customer-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .customer-form .form-group input:disabled,.dark .customer-form .form-group select:disabled,.dark .customer-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.customer-form .form-group textarea{resize:vertical;min-height:80px}.customer-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .customer-form .form-group .field-hint{color:#6e7479}.customer-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.customer-form .form-group .document-upload{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.customer-form .form-group .document-upload .document-filename-display{flex:1;min-width:120px;background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.customer-form .form-group .document-upload .document-filename-display::placeholder{color:#80868b}.customer-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.customer-form .form-group .document-upload .document-filename-display:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.customer-form .form-group .document-upload .document-filename-display{padding:.75rem 1rem;display:flex;align-items:center;color:#5f6368;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .customer-form .form-group .document-upload .document-filename-display{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .customer-form .form-group .document-upload .document-filename-display::placeholder{color:#6e7479}.dark .customer-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .customer-form .form-group .document-upload .document-filename-display:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .customer-form .form-group .document-upload .document-filename-display{color:#9aa0a6}.customer-form .form-group .auto-filled-field{background-color:#1a73e814!important;border-color:#1a73e84d!important;color:#1a73e8!important;font-weight:600;cursor:default!important;opacity:.85}.dark .customer-form .form-group .auto-filled-field{background-color:#1a73e81a!important;border-color:#1a73e840!important;color:#8ab4f8!important}.customer-form .form-group .auto-filled-field:focus{box-shadow:none!important;border-color:#1a73e84d!important}.pending-doc-preview{margin-top:.75rem;width:100px;height:100px;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.gps-section-wrapper .gps-inputs-row .gps-input-group input{height:42px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.customer-view-container{padding:1rem 0}.customer-view-details{display:flex;flex-direction:column;gap:1.5rem}.customer-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .customer-view-details .detail-section{background-color:#222530;border-color:#333639}.customer-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a73e808,#1a73e814);border-bottom:1px solid #e8eaed}.dark .customer-view-details .detail-section-header{background:linear-gradient(135deg,#1a73e80d,#1a73e81a);border-bottom-color:#333639}.customer-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.customer-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e826,#1a73e840);color:#1a73e8}.dark .customer-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e833,#1a73e859);color:#8ab4f8}.customer-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .customer-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f33,#0d904f59);color:#34d399}.customer-view-details .detail-section-header .detail-section-icon.detail-icon-legal{background:linear-gradient(135deg,#f9ab0026,#f9ab0040);color:#f9ab00}.dark .customer-view-details .detail-section-header .detail-section-icon.detail-icon-legal{background:linear-gradient(135deg,#f9ab0033,#f9ab0059);color:#fbbf24}.customer-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302526,#d9302540);color:#d93025}.dark .customer-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302533,#d9302559);color:#f87171}.customer-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#8b5cf6}.dark .customer-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf633,#8b5cf659);color:#a78bfa}.customer-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .customer-view-details .detail-section-header .detail-section-title{color:#e8eaed}.customer-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .customer-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.customer-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.customer-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .customer-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.customer-view-details .detail-item:nth-child(2n){border-right:none}.customer-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.customer-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.customer-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}.customer-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .customer-view-details .detail-item .detail-label{color:#6e7479}.customer-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .customer-view-details .detail-item .detail-value{color:#e8eaed}.customer-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#1a73e8;background-color:#1a73e814;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .customer-view-details .detail-item .detail-value.detail-value-code{background-color:#1a73e826;color:#8ab4f8}.customer-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.customer-view-details .detail-item .detail-value.detail-value-email{color:#1a73e8;word-break:break-all}.dark .customer-view-details .detail-item .detail-value.detail-value-email{color:#8ab4f8}.customer-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.customer-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed}.dark .customer-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.customer-view-details .detail-item .detail-link{color:#1a73e8;text-decoration:none;word-break:break-all}.customer-view-details .detail-item .detail-link:hover{text-decoration:underline}.dark .customer-view-details .detail-item .detail-link{color:#8ab4f8}.customer-view-details .detail-documents-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.customer-view-details .detail-documents-container .document-list-item{background-color:#fff;border:1px solid #e8eaed;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem}.dark .customer-view-details .detail-documents-container .document-list-item{background-color:#1a1d27;border-color:#333639}.customer-view-details .detail-documents-container .document-list-item:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000f}.customer-view-details .detail-documents-container .document-list-item .doc-thumbnail{width:70px;height:70px;min-width:70px;border-radius:8px;overflow:hidden;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e8eaed}.dark .customer-view-details .detail-documents-container .document-list-item .doc-thumbnail{background-color:#222530;border-color:#3c4043}.customer-view-details .detail-documents-container .document-list-item .doc-thumbnail img{width:100%;height:100%;object-fit:cover}.customer-view-details .detail-documents-container .document-list-item .doc-details{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.customer-view-details .detail-documents-container .document-list-item .doc-details .doc-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.customer-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{font-size:.75rem;font-weight:700;color:#1a73e8}.dark .customer-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{color:#8ab4f8}.customer-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.6875rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .customer-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{color:#6e7479}.customer-view-details .detail-documents-container .no-docs-placeholder{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:2rem 1rem;color:#80868b;background-color:#fff;border-radius:12px;border:2px dashed #e8eaed}.dark .customer-view-details .detail-documents-container .no-docs-placeholder{background-color:#1a1d27;color:#6e7479;border-color:#3c4043}.customer-view-details .detail-documents-container .no-docs-placeholder .MuiSvgIcon-root{font-size:48px;opacity:.3;margin-bottom:.5rem}.customer-view-details .detail-documents-container .no-docs-placeholder p{margin:0;font-weight:500;font-size:.75rem}.customer-view-details .detail-documents-container .no-docs-placeholder .no-docs-hint{font-size:.6875rem;margin-top:.25rem}.document-preview-section{margin-top:1rem}.document-preview-section h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.document-preview-section .document-preview-container{width:100%;max-height:280px;display:flex;align-items:center;justify-content:center;background-color:#fafbfc;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.document-preview-section .document-preview-container .document-preview-image{max-width:100%;max-height:280px;object-fit:contain;padding:.5rem}.file-info{margin-top:.5rem;padding:.5rem .75rem;background-color:#fafbfc;border-radius:8px;font-size:.75rem;border:1px solid #e8eaed}.file-info p{margin:0;color:#5f6368;font-size:.6875rem}.document-full-preview{display:flex;align-items:center;justify-content:center;min-height:300px;background-color:#fafbfc;border-radius:12px;padding:.75rem}.document-full-preview .document-full-preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f}.dark .document-full-preview .document-full-preview-image{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}@media(max-width:1200px){.customer-table .customer-name-cell .customer-address{max-width:140px}.customer-table td[data-label=Email]{max-width:180px}}@media(max-width:1024px){.customer-container{padding:1rem}.customer-header h1{font-size:1.125rem}.customer-form{padding:0 .75rem .75rem}.customer-form .form-row{gap:.75rem}.customer-table-container .table-scroll-wrapper{overflow-x:auto}.region-cascading-wrapper .region-item{gap:.5rem;padding:.5rem .75rem}.region-cascading-wrapper .region-item .region-item-label{min-width:90px}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem}.customer-view-details{gap:1.25rem}.customer-view-details .detail-section .detail-item{padding:.5rem 1rem}}@media(max-width:768px){.customer-container{padding:.75rem;padding-bottom:120px}.customer-header{margin-bottom:1rem}.customer-header h1{font-size:1.125rem}.customer-header .header-actions{width:100%}.customer-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.customer-header .header-actions .btn .btn-startIcon{margin-right:.25rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select{height:40px}.customer-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.customer-table-container .table-scroll-wrapper{overflow-x:visible}.customer-table-container .customer-table thead{display:none}.customer-table-container .customer-table{min-width:0}.customer-table-container .customer-table tbody{display:flex;flex-direction:column;gap:.75rem}.customer-table-container .customer-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .customer-table-container .customer-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.customer-table-container .customer-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .customer-table-container .customer-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.customer-table-container .customer-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .customer-table-container .customer-table tbody tr td{border-bottom-color:#33363980}.customer-table-container .customer-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .customer-table-container .customer-table tbody tr td:before{color:#9aa0a6}.customer-table-container .customer-table tbody tr td:first-child{display:none}.customer-table-container .customer-table tbody tr td:nth-child(2):before{display:none}.customer-table-container .customer-table tbody tr td:nth-child(2){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .customer-table-container .customer-table tbody tr td:nth-child(2){border-bottom-color:#333639}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell{width:100%}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-avatar{width:42px;height:42px}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-name{font-size:1rem;white-space:normal}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-address{max-width:none;white-space:normal}.customer-table-container .customer-table tbody tr td[data-label=Code]{white-space:normal}.customer-table-container .customer-table tbody tr td[data-label=Code] .code-badge{font-size:.6875rem}.customer-table-container .customer-table tbody tr td[data-label=Email]{max-width:none;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.customer-table-container .customer-table tbody tr td[data-label=Status]{white-space:nowrap}.customer-table-container .customer-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .customer-table-container .customer-table tbody tr td.action-column{border-top-color:#333639}.customer-table-container .customer-table tbody tr td.action-column:before{display:none}.customer-table-container .customer-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.customer-form{padding:0 .25rem .75rem}.customer-form .form-row,.customer-form .region-meta-row{flex-direction:column;gap:0}.MuiStepper-root{padding:.75rem 0 .5rem}.region-cascading-wrapper .region-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.region-cascading-wrapper .region-item .region-item-icon{display:none}.region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase}.region-cascading-wrapper .region-item .region-item-field{width:100%}.gps-section-wrapper{padding:.75rem}.gps-section-wrapper .gps-inputs-row{flex-direction:column;gap:.75rem}.summary-section .summary-grid{grid-template-columns:1fr}.customer-view-details{gap:1rem}.customer-view-details .detail-section{border-radius:12px}.customer-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.customer-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.customer-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.customer-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.customer-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.customer-view-details .detail-section .detail-grid{grid-template-columns:1fr}.customer-view-details .detail-section .detail-item{padding:.5rem 1rem}.customer-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.customer-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .customer-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.customer-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.customer-view-details .detail-section .detail-documents-container{padding:.75rem 1rem}.customer-view-details .detail-section .detail-documents-container .document-list-item{flex-direction:column;align-items:flex-start}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{width:100%;height:140px;min-width:unset}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-details{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.customer-container{padding:.5rem;padding-bottom:110px}.customer-header h1{font-size:1rem}.customer-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.customer-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.customer-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.customer-table-container .customer-table tbody tr{padding:.75rem;border-radius:12px}.customer-table-container .customer-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.customer-table-container .customer-table tbody tr td:before{font-size:10px;margin-right:.5rem}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-avatar{width:36px;height:36px}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-avatar .MuiSvgIcon-root{font-size:18px}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-name{font-size:.75rem}.customer-table-container .customer-table tbody tr td:nth-child(2) .customer-name-cell .customer-address{font-size:.6875rem}.customer-table-container .customer-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.customer-table-container .customer-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons{gap:.25rem}.customer-table-container .customer-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.customer-form .form-group input,.customer-form .form-group select,.customer-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.summary-section .summary-grid .summary-item{padding:.5rem}.summary-section .summary-grid .summary-item .summary-label{font-size:10px}.summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.customer-view-details{gap:.75rem}.customer-view-details .detail-section{border-radius:12px}.customer-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.customer-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.customer-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.customer-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.customer-view-details .detail-section .detail-item{padding:.5rem .75rem}.customer-view-details .detail-section .detail-item .detail-label{font-size:10px}.customer-view-details .detail-section .detail-item .detail-value{font-size:.75rem}.customer-view-details .detail-section .detail-documents-container{padding:.5rem .75rem}.customer-view-details .detail-section .detail-documents-container .document-list-item{padding:.5rem}.customer-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{height:100px}}.product-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.product-container.dark{background-color:#0f1117;color:#e8eaed}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.product-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.product-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#1a73e8,#4285f4);border-radius:9999px}.product-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters{margin-bottom:1.5rem;background-color:#fff;border:1px solid #e8eaed;border-radius:16px;padding:1.25rem;box-shadow:0 1px 2px #0000000f}.dark .search-and-filters{background-color:#1a1d27;border-color:#333639}.search-and-filters .search-bar .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#80868b;font-size:22px;pointer-events:none;z-index:1}.search-and-filters .search-bar input{padding-left:48px;height:44px;border-radius:12px}.dark .search-and-filters .search-bar input{padding-left:48px}.search-and-filters .filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;flex:1 1 160px;max-width:220px;min-width:0}.search-and-filters .filter-bar .filter-group label{font-size:.6875rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-right:30px;cursor:pointer;appearance:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.search-and-filters .filter-bar .filter-group select option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 1px 2px #0000000f;overflow-x:auto;-webkit-overflow-scrolling:touch}.dark .product-table-container{background-color:#1a1d27;border-color:#333639}.product-table-container .product-table{width:100%;min-width:900px;border-collapse:collapse}.product-table-container .product-table thead tr{background-color:#fafbfc}.dark .product-table-container .product-table thead tr{background-color:#222530}.product-table-container .product-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap}.dark .product-table-container .product-table th{color:#9aa0a6;border-bottom-color:#3c4043}.product-table-container .product-table th.action-header{text-align:center;width:120px}.product-table-container .product-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.product-table-container .product-table tbody tr:last-child{border-bottom:none}.product-table-container .product-table tbody tr:hover{background-color:#e8f0fe}.dark .product-table-container .product-table tbody tr:hover{background-color:#ffffff0f}.product-table-container .product-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .product-table-container .product-table td{color:#e8eaed}.product-table-container .product-table td.action-column{width:120px;text-align:center}.product-table-container .product-table .product-name-cell{display:flex;align-items:center;gap:.75rem}.product-table-container .product-table .product-name-cell .product-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1a73e81a,#1a73e833);color:#1a73e8;flex-shrink:0}.dark .product-table-container .product-table .product-name-cell .product-avatar{background:linear-gradient(135deg,#1a73e826,#1a73e84d)}.product-table-container .product-table .product-name-cell .product-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.product-table-container .product-table .product-name-cell .product-category{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.dark .product-table-container .product-table .product-name-cell .product-category{color:#6e7479}.product-table-container .product-table .code-badge{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;color:#1a73e8;background-color:#1a73e814;padding:2px .5rem;border-radius:6px}.dark .product-table-container .product-table .code-badge{background-color:#1a73e826;color:#8ab4f8}.product-table-container .product-table .cold-chain-badge{font-size:.6875rem;font-weight:600;color:#00bcd4;background-color:#00bcd414;padding:2px .5rem;border-radius:6px;white-space:nowrap}.dark .product-table-container .product-table .cold-chain-badge{background-color:#00bcd426;color:#4dd0e1}.product-table-container .product-table .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.6875rem;font-weight:600;white-space:nowrap}.product-table-container .product-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.product-table-container .product-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .product-table-container .product-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.product-table-container .product-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .product-table-container .product-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.product-table-container .product-table .action-buttons{display:inline-flex;gap:4px;justify-content:center}.product-table-container .product-table .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .product-table-container .product-table .action-buttons button{color:#9aa0a6}.product-table-container .product-table .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.product-table-container .product-table .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.product-table-container .product-table .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.btn.btn-primary:hover:not(:disabled){background-color:#1765cc}body.dark .MuiDialog-root .MuiDialog-paper{background-color:#1a1d27;border:1px solid #3c4043;color:#e8eaed}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e8eaed;background-color:#fafbfc}.product-form{padding:0 .5rem 1.5rem}.product-form .form-step{margin-top:1.5rem;animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-form .form-row{display:flex;gap:1.25rem}@media(max-width:768px){.product-form .form-row{flex-direction:column;gap:0}}.product-form .form-group{display:flex;flex-direction:column;margin-bottom:1.25rem;flex:1;min-width:0}.product-form .form-group.full-width{flex:0 0 100%}.product-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem}.dark .product-form .form-group label{color:#9aa0a6}.product-form .form-group input,.product-form .form-group select,.product-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.product-form .form-group input::placeholder,.product-form .form-group select::placeholder,.product-form .form-group textarea::placeholder{color:#80868b}.product-form .form-group input:focus,.product-form .form-group select:focus,.product-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.product-form .form-group input:disabled,.product-form .form-group select:disabled,.product-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .product-form .form-group input,.dark .product-form .form-group select,.dark .product-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .product-form .form-group input::placeholder,.dark .product-form .form-group select::placeholder,.dark .product-form .form-group textarea::placeholder{color:#6e7479}.dark .product-form .form-group input:focus,.dark .product-form .form-group select:focus,.dark .product-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .product-form .form-group input:disabled,.dark .product-form .form-group select:disabled,.dark .product-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.product-form .form-group select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-form .form-group textarea{resize:vertical;min-height:80px}.product-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .product-form .form-group .field-hint{color:#6e7479}.product-form .form-group .image-upload{display:flex;gap:.5rem;align-items:stretch}.product-form .form-group .image-upload .image-filename-display{flex:1;background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.product-form .form-group .image-upload .image-filename-display::placeholder{color:#80868b}.product-form .form-group .image-upload .image-filename-display:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.product-form .form-group .image-upload .image-filename-display:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.product-form .form-group .image-upload .image-filename-display{padding:.75rem 1rem;display:flex;align-items:center;color:#5f6368;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .product-form .form-group .image-upload .image-filename-display{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .product-form .form-group .image-upload .image-filename-display::placeholder{color:#6e7479}.dark .product-form .form-group .image-upload .image-filename-display:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .product-form .form-group .image-upload .image-filename-display:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .product-form .form-group .image-upload .image-filename-display{color:#9aa0a6}.input-error{border-color:#d93025!important}.error-text{color:#d93025;font-size:.6875rem;font-weight:500;margin-top:.25rem}.pending-image-preview{margin-top:.75rem;width:120px;height:120px;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.dark .pending-image-preview{border-color:#3c4043}.pending-image-preview img{width:100%;height:100%;object-fit:contain;padding:.5rem}.submit-overlay{position:absolute;inset:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cold-chain-section-wrapper{display:flex;flex-direction:column;background-color:#00bcd414;border:1px solid rgba(0,188,212,.3);border-radius:12px;overflow:hidden;margin-top:1rem}.dark .cold-chain-section-wrapper{background-color:#00bcd40d;border-color:#00bcd433}.cold-chain-section-wrapper .cold-chain-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00bcd41a,#00bcd433)}.cold-chain-section-wrapper .cold-chain-section-header .cold-chain-icon-wrapper{width:36px;height:36px;min-width:36px;border-radius:8px;background-color:#00bcd433;display:flex;align-items:center;justify-content:center;color:#00bcd4}.dark .cold-chain-section-wrapper .cold-chain-section-header .cold-chain-icon-wrapper{background-color:#00bcd44d}.cold-chain-section-wrapper .cold-chain-section-header .cold-chain-section-title{font-size:.875rem;font-weight:600;color:#00bcd4}.dark .cold-chain-section-wrapper .cold-chain-section-header .cold-chain-section-title{color:#4dd0e1}.cold-chain-section-wrapper .cold-chain-inputs-row{display:flex;gap:1rem;padding:1rem}@media(max-width:768px){.cold-chain-section-wrapper .cold-chain-inputs-row{flex-direction:column;gap:.75rem}}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group label{font-size:.75rem;font-weight:600;color:#5f6368}.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group label{color:#9aa0a6}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input,.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input::placeholder,.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select::placeholder{color:#80868b}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input:focus,.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input:disabled,.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input,.cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select{height:40px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input,.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input::placeholder,.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select::placeholder{color:#6e7479}.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input:focus,.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group input:disabled,.dark .cold-chain-section-wrapper .cold-chain-inputs-row .cold-chain-input-group select:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.cold-chain-section-wrapper .temperature-range-display{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background-color:#00bcd40d}.cold-chain-section-wrapper .temperature-range-display .temp-label{font-size:.6875rem;color:#80868b}.dark .cold-chain-section-wrapper .temperature-range-display .temp-label{color:#6e7479}.cold-chain-section-wrapper .temperature-range-display .temp-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;color:#00bcd4}.dark .cold-chain-section-wrapper .temperature-range-display .temp-value{color:#4dd0e1}.cold-chain-section-wrapper .temperature-range-display .temp-separator{font-size:1rem;color:#80868b}.dark .cold-chain-section-wrapper .temperature-range-display .temp-separator{color:#6e7479}.product-view-container{padding:1rem 0}.product-view-details{display:flex;flex-direction:column;gap:1.5rem}.product-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px;overflow:hidden}.dark .product-view-details .detail-section{background-color:#222530;border-color:#333639}.product-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a73e808,#1a73e814);border-bottom:1px solid #e8eaed}.dark .product-view-details .detail-section-header{background:linear-gradient(135deg,#1a73e80d,#1a73e81a);border-bottom-color:#333639}.product-view-details .detail-section-header .detail-section-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.product-view-details .detail-section-header .detail-section-icon.detail-icon-basic{background:linear-gradient(135deg,#1a73e826,#1a73e840);color:#1a73e8}.dark .product-view-details .detail-section-header .detail-section-icon.detail-icon-basic{color:#8ab4f8}.product-view-details .detail-section-header .detail-section-icon.detail-icon-dimension{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .product-view-details .detail-section-header .detail-section-icon.detail-icon-dimension{color:#34d399}.product-view-details .detail-section-header .detail-section-icon.detail-icon-cold{background:linear-gradient(135deg,#00bcd426,#00bcd440);color:#00bcd4}.dark .product-view-details .detail-section-header .detail-section-icon.detail-icon-cold{color:#4dd0e1}.product-view-details .detail-section-header .detail-section-icon.detail-icon-image{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#8b5cf6}.dark .product-view-details .detail-section-header .detail-section-icon.detail-icon-image{color:#a78bfa}.product-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .product-view-details .detail-section-header .detail-section-title{color:#e8eaed}.product-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:2px 0 0}.dark .product-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.product-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.product-view-details .detail-grid{grid-template-columns:1fr}}.product-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:6px}.dark .product-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.product-view-details .detail-item:nth-child(2n){border-right:none}.product-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.product-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.product-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase}.dark .product-view-details .detail-item .detail-label{color:#6e7479}.product-view-details .detail-item .detail-value{font-size:.875rem;color:#1a1a2e;word-break:break-word}.dark .product-view-details .detail-item .detail-value{color:#e8eaed}.product-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#1a73e8;background-color:#1a73e814;padding:2px .5rem;border-radius:4px;display:inline-block;width:fit-content}.dark .product-view-details .detail-item .detail-value.detail-value-code{background-color:#1a73e826;color:#8ab4f8}.product-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.product-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed;font-size:.75rem}.dark .product-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.product-view-details .detail-documents-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.product-view-details .detail-documents-container .document-list-item{background-color:#fff;border:1px solid #e8eaed;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:1rem}.dark .product-view-details .detail-documents-container .document-list-item{background-color:#1a1d27;border-color:#333639}.product-view-details .detail-documents-container .document-list-item:hover{border-color:#1a73e8}.product-view-details .detail-documents-container .document-list-item .doc-thumbnail{width:70px;height:70px;min-width:70px;border-radius:8px;overflow:hidden;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e8eaed}.dark .product-view-details .detail-documents-container .document-list-item .doc-thumbnail{background-color:#222530;border-color:#3c4043}.product-view-details .detail-documents-container .document-list-item .doc-thumbnail img{width:100%;height:100%;object-fit:cover}.product-view-details .detail-documents-container .document-list-item .doc-details{flex:1;display:flex;justify-content:space-between;align-items:center}.product-view-details .detail-documents-container .document-list-item .doc-details .doc-meta{display:flex;flex-direction:column;gap:4px}.product-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{font-size:.875rem;font-weight:600;color:#1a73e8}.dark .product-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{color:#8ab4f8}.product-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{font-family:JetBrains Mono,Fira Code,monospace;font-size:.6875rem;color:#80868b}.dark .product-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{color:#6e7479}.product-view-details .detail-documents-container .no-docs-placeholder{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:2.5rem 1.5rem;color:#80868b;background-color:#fff;border-radius:12px;border:2px dashed #e8eaed}.dark .product-view-details .detail-documents-container .no-docs-placeholder{background-color:#1a1d27;color:#6e7479;border-color:#3c4043}.product-view-details .detail-documents-container .no-docs-placeholder .MuiSvgIcon-root{font-size:48px;opacity:.3;margin-bottom:.5rem}.product-view-details .detail-documents-container .no-docs-placeholder p{margin:0;font-weight:500}.product-view-details .detail-documents-container .no-docs-placeholder .no-docs-hint{font-size:.75rem;margin-top:.25rem}.preview-table-container::-webkit-scrollbar{width:6px;height:6px}.preview-table-container .preview-stats{display:flex;gap:.75rem;padding:.75rem 1rem;background-color:#fafbfc;border-bottom:1px solid #e8eaed}.preview-table-container .preview-table thead th{position:sticky;top:0;background-color:#fafbfc;font-weight:700;color:#5f6368;text-transform:uppercase;font-size:.6875rem;z-index:1}.dark .preview-table-container .preview-table thead th{background-color:#222530;color:#9aa0a6}.preview-table-container .preview-table .missing-field{color:#d93025;font-style:italic;font-size:.6875rem}.preview-table-container .preview-table .validation-status{font-weight:700;font-size:.6875rem;padding:2px 8px;border-radius:9999px}.document-preview-section,.document-full-preview,.loading-preview,.file-info{margin-top:1rem}.document-preview-container{max-height:300px;display:flex;align-items:center;justify-content:center;background-color:#fafbfc;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.dark .document-preview-container{background-color:#222530;border-color:#3c4043}.document-preview-container .document-preview-image,.document-preview-container .document-full-preview-image{max-width:100%;max-height:300px;object-fit:contain;padding:.5rem}.loading,.no-data{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:4rem 2rem;gap:1rem}.loading .spinner,.no-data .spinner{width:40px;height:40px;border:3px solid #e8eaed;border-radius:9999px;border-top-color:#1a73e8;animation:spin .8s linear infinite}.loading div,.no-data div{font-size:.875rem;color:#5f6368}.no-icon{font-size:64px;margin-bottom:.5rem}.summary-section .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-section .summary-grid .summary-item{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:4px}.summary-section .summary-grid .summary-item .summary-label{font-size:.6875rem;color:#80868b;text-transform:uppercase;font-weight:600}.summary-section .summary-grid .summary-item .summary-value{font-size:.75rem;font-weight:600;color:#1a1a2e;word-break:break-word}@media(max-width:768px){.product-container{padding:1rem;padding-bottom:100px}.search-and-filters{padding:1rem}.search-and-filters .filter-bar .filter-group{max-width:100%}.product-table-container{background:transparent;box-shadow:none;border:none;border-radius:0;overflow-x:visible}.product-table-container .product-table{min-width:unset}.product-table-container .product-table thead{display:none}.product-table-container .product-table tbody{display:flex;flex-direction:column;gap:1rem}.product-table-container .product-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:.5rem}.dark .product-table-container .product-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006}.product-table-container .product-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.75rem;border-bottom:1px solid rgba(232,234,237,.5)}.dark .product-table-container .product-table tbody tr td{border-bottom-color:#33363980}.product-table-container .product-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;margin-right:.75rem}.dark .product-table-container .product-table tbody tr td:before{color:#9aa0a6}.product-table-container .product-table tbody tr td:first-child{display:none}.product-table-container .product-table tbody tr td:nth-child(2):before{display:none}.product-table-container .product-table tbody tr td:nth-child(2) .product-name-cell{width:100%}.product-table-container .product-table tbody tr td.action-column{position:static;border-top:1px solid #e8eaed;padding-top:.75rem;margin-top:.5rem}.product-table-container .product-table tbody tr td.action-column:before{display:none}.product-table-container .product-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end}.product-table-container .product-table tbody tr td.action-column .action-buttons button{width:38px;height:38px}.product-view-details{gap:1rem}.product-view-details .detail-section .detail-grid{grid-template-columns:1fr}.product-view-details .detail-section .detail-item{border-right:none!important}.product-view-details .detail-section .detail-documents-container .document-list-item{flex-direction:column;align-items:flex-start}.product-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{width:100%;height:150px;min-width:unset}.cold-chain-section-wrapper .cold-chain-inputs-row{flex-direction:column}}*{box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f7fa;color:#333;margin:0;padding:2rem}.quotation-page{max-width:960px;margin:0 auto;background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 12px #00000014}.quotation-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #e0e0e0;padding-bottom:16px;margin-bottom:32px}.quotation-header h1{margin:0;font-size:2rem;color:#343a40}.quotation-header p{margin:.5rem 0 0;font-size:1rem;color:#6c757d}.status{font-weight:700;padding:4px 8px;border-radius:4px}.status--draft{background-color:#ffc107;color:#343a40}.status--sent{background-color:#17a2b8;color:#fff}.status--accepted{background-color:#28a745;color:#fff}.status--rejected{background-color:#dc3545;color:#fff}.quotation-section{margin-bottom:32px}.quotation-section .section-title{font-size:1.25rem;color:#343a40;margin-bottom:16px;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group--full{grid-column:1/-1}.form-group label{margin-bottom:6px;font-weight:600;font-size:.9rem;color:#343a40}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.form-group textarea{resize:vertical}.pricing-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.pricing-row{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0e0e0;background-color:#fff}.pricing-row:last-child{border-bottom:none}.pricing-row--sub{background-color:#f8f9fa;font-weight:600}.pricing-row--indent{padding-left:40px;font-size:.9rem}.pricing-row--total{background-color:#f8f9fa;font-weight:600}.pricing-row--grand-total{background-color:#343a40;color:#fff;font-size:1.1rem;font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:16px;border-top:2px solid #e0e0e0}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;text-decoration:none;display:inline-block}.btn:active{transform:scale(.98)}.btn--primary{background-color:#007bff;color:#fff}.btn--primary:hover{background-color:#0062cc}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover{background-color:#545b62}@media(max-width:768px){body{padding:1rem}.quotation-page{padding:16px}.quotation-header{flex-direction:column;align-items:flex-start}.quotation-header .header-actions{margin-top:16px;align-self:stretch}.quotation-header .header-actions .btn{width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.user-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.user-container.dark{background-color:#121212;color:#fff}.user-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.user-header h1{margin:0;font-size:24px;font-weight:600}.user-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.user-header .header-actions{flex-direction:column;gap:8px}}.user-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.user-table-container .user-table{width:100%;border-collapse:collapse}.user-table-container .user-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.user-table-container .user-table td{padding:12px;border-bottom:1px solid #e0e0e0}.user-table-container .user-table tr:last-child td{border-bottom:none}.user-table-container .user-table .user-name-cell{display:flex;align-items:center;gap:12px}.user-table-container .user-table .user-name-cell .user-avatar{background-color:#1976d2;color:#fff}.user-table-container .user-table .user-name-cell .user-name{font-weight:500}.user-table-container .user-table .user-name-cell .user-id{font-size:12px;color:#666}.user-table-container .user-table .action-column .action-buttons{display:flex;gap:8px}.user-table-container .user-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.user-table-container .user-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.user-table-container .user-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.user-table-container .user-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.user-table-container .user-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.user-table-container .user-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.user-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.user-card{padding:16px;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.user-card .user-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-card .user-card-header .user-info{flex:1}.user-card .user-card-header .user-info h6{margin:0;font-size:16px;font-weight:600}.user-card .user-card-header .user-info p{margin:0;font-size:12px;color:#666}.user-card .user-card-header .user-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.user-card .user-details{margin-bottom:12px}.user-card .user-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.user-card .user-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.user-card .user-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.user-card .user-card-actions{display:flex;gap:8px}.user-card .user-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.user-card .user-card-actions .btn .btn-icon{font-size:20px}.user-card .user-card-actions .btn.btn-primary{color:#1976d2}.user-card .user-card-actions .btn.btn-edit{color:#ff9800}.user-card .user-card-actions .btn.btn-delete{color:#f44336}.user-card .user-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.user-form,.user-form .form-step{margin-top:20px}.user-form .form-step .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.user-form .form-step .form-row{flex-direction:column;gap:0}}.user-form .form-step .form-group{flex:1}.user-form .form-step .form-group label{display:block;margin-bottom:8px;font-weight:500}.user-form .form-step .form-group input,.user-form .form-step .form-group select,.user-form .form-step .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.user-form .form-step .form-group input:focus,.user-form .form-step .form-group select:focus,.user-form .form-step .form-group textarea:focus{outline:none;border-color:#1976d2}.user-form .form-step .form-group.checkbox-group{display:flex;align-items:center}.user-form .form-step .form-group.checkbox-group input[type=checkbox]{width:auto;margin-right:8px}.user-form .form-step .form-group.checkbox-group label{margin-bottom:0}.user-form .form-step .form-group .password-input-container{position:relative;display:flex;align-items:center}.user-form .form-step .form-group .password-input-container input{padding-right:40px}.user-form .form-step .form-group .password-input-container .password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#666}.user-form .form-step .form-group .password-input-container .password-toggle:hover{color:#333}.user-form .form-step .full-width{width:100%}.user-dialog .dialog-title,.view-user-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.user-dialog .dialog-title h2,.view-user-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.user-dialog .MuiDialogContent-root,.view-user-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.user-dialog .MuiDialogActions-root,.view-user-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.view-user-dialog .info-section{margin-bottom:24px}.view-user-dialog .info-section .section-title{margin-bottom:12px;color:#1976d2;font-size:18px;font-weight:500}.view-user-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.view-user-dialog .info-section .info-grid .info-item .info-label{font-size:14px;color:#666;margin-bottom:4px}.view-user-dialog .info-section .info-grid .info-item .info-value{font-weight:500}.upload-dialog .upload-form .excel-format-info p{margin:0;font-size:14px}.error-message{background-color:#f443361a;color:#f44336;padding:12px 16px;border-radius:4px;margin-bottom:16px}.user-container.dark .user-table-container,.user-container.dark .user-card,.user-container.dark .user-dialog,.user-container.dark .view-user-dialog,.user-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.user-container.dark .user-table th{background-color:#1e1e1e;color:#b0b0b0}.user-container.dark .user-table td{border-color:#404040}.user-container.dark .search-bar input,.user-container.dark .filter-group select,.user-container.dark .form-group input,.user-container.dark .form-group select,.user-container.dark .form-group textarea,.user-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.user-container.dark .btn.btn-secondary:hover{background-color:#383838}.user-container.dark .user-card .user-card-footer{border-color:#404040}.user-container.dark .user-card .user-card-actions .btn{background-color:#1e1e1e}.user-container.dark .user-card .user-card-actions .btn:hover{background-color:#323232}.user-container.dark .user-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.user-container.dark .user-table-container .action-column .action-buttons .btn:hover{background-color:#323232}@media(max-width:768px){.user-container{padding:16px}.user-header{flex-direction:column;align-items:flex-start;gap:16px}.user-header .header-actions{width:100%;justify-content:flex-end}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.filter-bar .view-toggle{align-self:flex-end}.user-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}}.uomtype-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.uomtype-container.dark{background-color:#0f1117;color:#e8eaed}.uomtype-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.uomtype-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.uomtype-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#1a73e8,#4285f4);border-radius:9999px;flex-shrink:0}.uomtype-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.uomtype-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .uomtype-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.uomtype-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.uomtype-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.uomtype-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .uomtype-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.uomtype-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#1a73e840;border-radius:9999px}.uomtype-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#1a73e873}.uomtype-table-container .uomtype-table{width:100%;border-collapse:collapse;min-width:800px}.uomtype-table-container .uomtype-table thead tr{background-color:#fafbfc}.dark .uomtype-table-container .uomtype-table thead tr{background-color:#222530}.uomtype-table-container .uomtype-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .uomtype-table-container .uomtype-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.uomtype-table-container .uomtype-table th.action-header{text-align:center;width:130px;min-width:130px}.uomtype-table-container .uomtype-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.uomtype-table-container .uomtype-table tbody tr:last-child{border-bottom:none}.uomtype-table-container .uomtype-table tbody tr:hover{background-color:#e8f0fe}.dark .uomtype-table-container .uomtype-table tbody tr:hover{background-color:#ffffff0f}.uomtype-table-container .uomtype-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .uomtype-table-container .uomtype-table td{color:#e8eaed}.uomtype-table-container .uomtype-table td[data-label="UOM Code"],.uomtype-table-container .uomtype-table td[data-label=Status]{white-space:nowrap}.uomtype-table-container .uomtype-table .uomtype-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.uomtype-table-container .uomtype-table .uomtype-name-cell .uomtype-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1a73e81a,#1a73e833);color:#1a73e8;flex-shrink:0}.dark .uomtype-table-container .uomtype-table .uomtype-name-cell .uomtype-avatar{background:linear-gradient(135deg,#1a73e826,#1a73e84d)}.uomtype-table-container .uomtype-table .uomtype-name-cell .uomtype-name{font-weight:600;white-space:nowrap}.uomtype-table-container .uomtype-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#1a73e8;background-color:#1a73e814;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .uomtype-table-container .uomtype-table .code-badge{background-color:#1a73e826;color:#8ab4f8}.uomtype-table-container .uomtype-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.uomtype-table-container .uomtype-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.uomtype-table-container .uomtype-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .uomtype-table-container .uomtype-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.uomtype-table-container .uomtype-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .uomtype-table-container .uomtype-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.uomtype-table-container .uomtype-table .action-column{min-width:120px;width:120px;text-align:center}.uomtype-table-container .uomtype-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.uomtype-table-container .uomtype-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .uomtype-table-container .uomtype-table .action-column .action-buttons button{color:#9aa0a6}.uomtype-table-container .uomtype-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.uomtype-table-container .uomtype-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.uomtype-table-container .uomtype-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.uomtype-form{padding:0 1rem 1rem}.uomtype-form .form-row{display:flex;gap:1rem}.uomtype-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.uomtype-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .uomtype-form .form-group label{color:#9aa0a6}.uomtype-form .form-group input,.uomtype-form .form-group select,.uomtype-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.uomtype-form .form-group input::placeholder,.uomtype-form .form-group select::placeholder,.uomtype-form .form-group textarea::placeholder{color:#80868b}.uomtype-form .form-group input:focus,.uomtype-form .form-group select:focus,.uomtype-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.uomtype-form .form-group input:disabled,.uomtype-form .form-group select:disabled,.uomtype-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .uomtype-form .form-group input,.dark .uomtype-form .form-group select,.dark .uomtype-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .uomtype-form .form-group input::placeholder,.dark .uomtype-form .form-group select::placeholder,.dark .uomtype-form .form-group textarea::placeholder{color:#6e7479}.dark .uomtype-form .form-group input:focus,.dark .uomtype-form .form-group select:focus,.dark .uomtype-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .uomtype-form .form-group input:disabled,.dark .uomtype-form .form-group select:disabled,.dark .uomtype-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.uomtype-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .uomtype-form .form-group .field-hint{color:#6e7479}.uomtype-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.uomtype-view-container{padding:1rem 0}.uomtype-view-details{display:flex;flex-direction:column;gap:1.5rem}.uomtype-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .uomtype-view-details .detail-section{background-color:#222530;border-color:#333639}.uomtype-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a73e808,#1a73e814);border-bottom:1px solid #e8eaed}.dark .uomtype-view-details .detail-section-header{background:linear-gradient(135deg,#1a73e80d,#1a73e81a);border-bottom-color:#333639}.uomtype-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.uomtype-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.uomtype-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e826,#1a73e840);color:#1a73e8}.dark .uomtype-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e833,#1a73e859);color:#8ab4f8}.uomtype-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .uomtype-view-details .detail-section-header .detail-section-title{color:#e8eaed}.uomtype-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .uomtype-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.uomtype-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.uomtype-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .uomtype-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.uomtype-view-details .detail-item:nth-child(2n){border-right:none}.uomtype-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.uomtype-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .uomtype-view-details .detail-item .detail-label{color:#6e7479}.uomtype-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .uomtype-view-details .detail-item .detail-value{color:#e8eaed}.uomtype-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#1a73e8;background-color:#1a73e814;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .uomtype-view-details .detail-item .detail-value.detail-value-code{background-color:#1a73e826;color:#8ab4f8}@media(max-width:1024px){.uomtype-container{padding:1rem}.uomtype-header h1{font-size:1.125rem}.uomtype-form{padding:0 .75rem .75rem}.uomtype-form .form-row{gap:.75rem}.uomtype-table-container .table-scroll-wrapper{overflow-x:auto}}@media(max-width:768px){.uomtype-container{padding:.75rem;padding-bottom:120px}.uomtype-header{margin-bottom:1rem}.uomtype-header h1{font-size:1.125rem}.uomtype-header .header-actions{width:100%}.uomtype-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select{height:40px}.uomtype-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.uomtype-table-container .table-scroll-wrapper{overflow-x:visible}.uomtype-table-container .uomtype-table thead{display:none}.uomtype-table-container .uomtype-table{min-width:0}.uomtype-table-container .uomtype-table tbody{display:flex;flex-direction:column;gap:.75rem}.uomtype-table-container .uomtype-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .uomtype-table-container .uomtype-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.uomtype-table-container .uomtype-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .uomtype-table-container .uomtype-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.uomtype-table-container .uomtype-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .uomtype-table-container .uomtype-table tbody tr td{border-bottom-color:#33363980}.uomtype-table-container .uomtype-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .uomtype-table-container .uomtype-table tbody tr td:before{color:#9aa0a6}.uomtype-table-container .uomtype-table tbody tr td:first-child{display:none}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description]:before{display:none}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description]{padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .uomtype-table-container .uomtype-table tbody tr td[data-label=Description]{border-bottom-color:#333639}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell{width:100%}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell .uomtype-avatar{width:42px;height:42px}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell .uomtype-name{font-size:1rem;white-space:normal}.uomtype-table-container .uomtype-table tbody tr td[data-label="UOM Code"]{white-space:normal}.uomtype-table-container .uomtype-table tbody tr td[data-label="UOM Code"] .code-badge{font-size:.6875rem}.uomtype-table-container .uomtype-table tbody tr td[data-label=Status]{white-space:nowrap}.uomtype-table-container .uomtype-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .uomtype-table-container .uomtype-table tbody tr td.action-column{border-top-color:#333639}.uomtype-table-container .uomtype-table tbody tr td.action-column:before{display:none}.uomtype-table-container .uomtype-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.uomtype-table-container .uomtype-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:.5rem}.uomtype-form{padding:0 .25rem .75rem}.uomtype-form .form-row{flex-direction:column;gap:0}.uomtype-view-details{gap:1rem}.uomtype-view-details .detail-section{border-radius:1rem}.uomtype-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.uomtype-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.uomtype-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.uomtype-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.uomtype-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.uomtype-view-details .detail-section .detail-grid{grid-template-columns:1fr}.uomtype-view-details .detail-section .detail-item{padding:.5rem 1rem}.uomtype-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.uomtype-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .uomtype-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.uomtype-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.uomtype-container{padding:.5rem;padding-bottom:110px}.uomtype-header h1{font-size:1rem}.uomtype-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.uomtype-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.uomtype-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.uomtype-table-container .uomtype-table tbody tr{padding:.75rem;border-radius:.75rem}.uomtype-table-container .uomtype-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.uomtype-table-container .uomtype-table tbody tr td:before{font-size:10px;margin-right:.5rem}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell .uomtype-avatar{width:36px;height:36px}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell .uomtype-avatar .MuiSvgIcon-root{font-size:18px}.uomtype-table-container .uomtype-table tbody tr td[data-label=Description] .uomtype-name-cell .uomtype-name{font-size:.75rem}.uomtype-table-container .uomtype-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.uomtype-table-container .uomtype-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.uomtype-table-container .uomtype-table tbody tr td.action-column .action-buttons{gap:.25rem}.uomtype-table-container .uomtype-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.uomtype-form .form-group input,.uomtype-form .form-group select,.uomtype-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.uomtype-view-details{gap:.75rem}.uomtype-view-details .detail-section{border-radius:.75rem}.uomtype-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.uomtype-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.uomtype-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.uomtype-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.uomtype-view-details .detail-section .detail-item{padding:.5rem .75rem}.uomtype-view-details .detail-section .detail-item .detail-label{font-size:10px}.uomtype-view-details .detail-section .detail-item .detail-value{font-size:.75rem}}.weightuom-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.weightuom-container.dark{background-color:#0f1117;color:#e8eaed}.weightuom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.weightuom-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.weightuom-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#1a73e8,#4285f4);border-radius:9999px;flex-shrink:0}.weightuom-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.weightuom-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .weightuom-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.weightuom-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.weightuom-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.weightuom-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .weightuom-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.weightuom-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#1a73e840;border-radius:9999px}.weightuom-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#1a73e873}.weightuom-table-container .weightuom-table{width:100%;border-collapse:collapse;min-width:800px}.weightuom-table-container .weightuom-table thead tr{background-color:#fafbfc}.dark .weightuom-table-container .weightuom-table thead tr{background-color:#222530}.weightuom-table-container .weightuom-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .weightuom-table-container .weightuom-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.weightuom-table-container .weightuom-table th.action-header{text-align:center;width:130px;min-width:130px}.weightuom-table-container .weightuom-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.weightuom-table-container .weightuom-table tbody tr:last-child{border-bottom:none}.weightuom-table-container .weightuom-table tbody tr:hover{background-color:#e8f0fe}.dark .weightuom-table-container .weightuom-table tbody tr:hover{background-color:#ffffff0f}.weightuom-table-container .weightuom-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .weightuom-table-container .weightuom-table td{color:#e8eaed}.weightuom-table-container .weightuom-table td[data-label="UOM Code"],.weightuom-table-container .weightuom-table td[data-label=Status]{white-space:nowrap}.weightuom-table-container .weightuom-table .weightuom-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1a73e81a,#1a73e833);color:#1a73e8;flex-shrink:0}.dark .weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-avatar{background:linear-gradient(135deg,#1a73e826,#1a73e84d)}.weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-name{font-weight:600;white-space:nowrap}.weightuom-table-container .weightuom-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#1a73e8;background-color:#1a73e814;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .weightuom-table-container .weightuom-table .code-badge{background-color:#1a73e826;color:#8ab4f8}.weightuom-table-container .weightuom-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.weightuom-table-container .weightuom-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.weightuom-table-container .weightuom-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .weightuom-table-container .weightuom-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.weightuom-table-container .weightuom-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .weightuom-table-container .weightuom-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.weightuom-table-container .weightuom-table .action-column{min-width:120px;width:120px;text-align:center}.weightuom-table-container .weightuom-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.weightuom-table-container .weightuom-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .weightuom-table-container .weightuom-table .action-column .action-buttons button{color:#9aa0a6}.weightuom-table-container .weightuom-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.weightuom-table-container .weightuom-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.weightuom-table-container .weightuom-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.weightuom-form{padding:0 1rem 1rem}.weightuom-form .form-row{display:flex;gap:1rem}.weightuom-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.weightuom-form .form-group.full-width{flex:1 1 100%}.weightuom-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .weightuom-form .form-group label{color:#9aa0a6}.weightuom-form .form-group input,.weightuom-form .form-group select,.weightuom-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.weightuom-form .form-group input::placeholder,.weightuom-form .form-group select::placeholder,.weightuom-form .form-group textarea::placeholder{color:#80868b}.weightuom-form .form-group input:focus,.weightuom-form .form-group select:focus,.weightuom-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.weightuom-form .form-group input:disabled,.weightuom-form .form-group select:disabled,.weightuom-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .weightuom-form .form-group input,.dark .weightuom-form .form-group select,.dark .weightuom-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .weightuom-form .form-group input::placeholder,.dark .weightuom-form .form-group select::placeholder,.dark .weightuom-form .form-group textarea::placeholder{color:#6e7479}.dark .weightuom-form .form-group input:focus,.dark .weightuom-form .form-group select:focus,.dark .weightuom-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .weightuom-form .form-group input:disabled,.dark .weightuom-form .form-group select:disabled,.dark .weightuom-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.weightuom-form .form-group textarea{resize:vertical;min-height:80px}.weightuom-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .weightuom-form .form-group .field-hint{color:#6e7479}.weightuom-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.weightuom-view-container{padding:1rem 0}.weightuom-view-details{display:flex;flex-direction:column;gap:1.5rem}.weightuom-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .weightuom-view-details .detail-section{background-color:#222530;border-color:#333639}.weightuom-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1a73e808,#1a73e814);border-bottom:1px solid #e8eaed}.dark .weightuom-view-details .detail-section-header{background:linear-gradient(135deg,#1a73e80d,#1a73e81a);border-bottom-color:#333639}.weightuom-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.weightuom-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.weightuom-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e826,#1a73e840);color:#1a73e8}.dark .weightuom-view-details .detail-section-header .detail-section-icon.detail-icon-customer{background:linear-gradient(135deg,#1a73e833,#1a73e859);color:#8ab4f8}.weightuom-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .weightuom-view-details .detail-section-header .detail-section-title{color:#e8eaed}.weightuom-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .weightuom-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.weightuom-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.weightuom-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .weightuom-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.weightuom-view-details .detail-item:nth-child(2n){border-right:none}.weightuom-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.weightuom-view-details .detail-item.full-width{grid-column:1/-1;border-right:none}.weightuom-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .weightuom-view-details .detail-item .detail-label{color:#6e7479}.weightuom-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .weightuom-view-details .detail-item .detail-value{color:#e8eaed}.weightuom-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#1a73e8;background-color:#1a73e814;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .weightuom-view-details .detail-item .detail-value.detail-value-code{background-color:#1a73e826;color:#8ab4f8}.preview-table-container::-webkit-scrollbar-thumb{background-color:#1a73e833;border-radius:9999px}.preview-table-container::-webkit-scrollbar-thumb:hover{background-color:#1a73e866}.loading .spinner,.no-data .spinner{width:44px;height:44px;border:3px solid #e8eaed;border-radius:9999px;border-top-color:#1a73e8;animation:spin .8s linear infinite}.dark .loading .spinner,.dark .no-data .spinner{border-color:#333639;border-top-color:#1a73e8}@media(max-width:1024px){.weightuom-container{padding:1rem}.weightuom-header h1{font-size:1.125rem}.weightuom-form{padding:0 .75rem .75rem}.weightuom-form .form-row{gap:.75rem}.weightuom-table-container .table-scroll-wrapper{overflow-x:auto}}@media(max-width:768px){.weightuom-container{padding:.75rem;padding-bottom:120px}.weightuom-header{margin-bottom:1rem}.weightuom-header h1{font-size:1.125rem}.weightuom-header .header-actions{width:100%}.weightuom-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select{height:40px}.weightuom-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.weightuom-table-container .table-scroll-wrapper{overflow-x:visible}.weightuom-table-container .weightuom-table thead{display:none}.weightuom-table-container .weightuom-table{min-width:0}.weightuom-table-container .weightuom-table tbody{display:flex;flex-direction:column;gap:.75rem}.weightuom-table-container .weightuom-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .weightuom-table-container .weightuom-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.weightuom-table-container .weightuom-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .weightuom-table-container .weightuom-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.weightuom-table-container .weightuom-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .weightuom-table-container .weightuom-table tbody tr td{border-bottom-color:#33363980}.weightuom-table-container .weightuom-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .weightuom-table-container .weightuom-table tbody tr td:before{color:#9aa0a6}.weightuom-table-container .weightuom-table tbody tr td:first-child{display:none}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Code"]{white-space:normal}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Code"] .code-badge{font-size:.6875rem}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"]:before{display:none}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"]{padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"]{border-bottom-color:#333639}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell{width:100%}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell .weightuom-avatar{width:42px;height:42px}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell .weightuom-name{font-size:1rem;white-space:normal}.weightuom-table-container .weightuom-table tbody tr td[data-label=Description]:before{display:none}.weightuom-table-container .weightuom-table tbody tr td[data-label=Status]{white-space:nowrap}.weightuom-table-container .weightuom-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .weightuom-table-container .weightuom-table tbody tr td.action-column{border-top-color:#333639}.weightuom-table-container .weightuom-table tbody tr td.action-column:before{display:none}.weightuom-table-container .weightuom-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.weightuom-table-container .weightuom-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:.5rem}.weightuom-form{padding:0 .25rem .75rem}.weightuom-form .form-row{flex-direction:column;gap:0}.weightuom-view-details{gap:1rem}.weightuom-view-details .detail-section{border-radius:1rem}.weightuom-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.weightuom-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.weightuom-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.weightuom-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.weightuom-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.weightuom-view-details .detail-section .detail-grid{grid-template-columns:1fr}.weightuom-view-details .detail-section .detail-item{padding:.5rem 1rem}.weightuom-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.weightuom-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .weightuom-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.weightuom-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.weightuom-view-details .detail-section .detail-item.full-width{grid-column:1}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.weightuom-container{padding:.5rem;padding-bottom:110px}.weightuom-header h1{font-size:1rem}.weightuom-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.weightuom-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.weightuom-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.weightuom-table-container .weightuom-table tbody tr{padding:.75rem;border-radius:.75rem}.weightuom-table-container .weightuom-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.weightuom-table-container .weightuom-table tbody tr td:before{font-size:10px;margin-right:.5rem}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Code"]{white-space:normal}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Code"] .code-badge{font-size:10px;padding:1px .25rem}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell .weightuom-avatar{width:36px;height:36px}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell .weightuom-avatar .MuiSvgIcon-root{font-size:18px}.weightuom-table-container .weightuom-table tbody tr td[data-label="UOM Name"] .weightuom-name-cell .weightuom-name{font-size:.75rem}.weightuom-table-container .weightuom-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.weightuom-table-container .weightuom-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.weightuom-table-container .weightuom-table tbody tr td.action-column .action-buttons{gap:.25rem}.weightuom-table-container .weightuom-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.weightuom-form .form-group input,.weightuom-form .form-group select,.weightuom-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.weightuom-view-details{gap:.75rem}.weightuom-view-details .detail-section{border-radius:.75rem}.weightuom-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.weightuom-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.weightuom-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.weightuom-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.weightuom-view-details .detail-section .detail-item{padding:.5rem .75rem}.weightuom-view-details .detail-section .detail-item .detail-label{font-size:10px}.weightuom-view-details .detail-section .detail-item .detail-value{font-size:.75rem}}.typefleet-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.typefleet-container.dark{background-color:#121212;color:#fff}.typefleet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.typefleet-header h1{margin:0;font-size:24px;font-weight:600}.typefleet-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.typefleet-header .header-actions{flex-direction:column;gap:8px}}.search-and-filters .filter-bar .filter-group select.status-filter.dark{background-color:#1e1e1e;color:#fff;border-color:#404040}.search-and-filters .filter-bar .filter-group select.status-filter.dark option{background-color:#1e1e1e;color:#fff}.typefleet-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.typefleet-table-container .typefleet-table{width:100%;border-collapse:collapse}.typefleet-table-container .typefleet-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.typefleet-table-container .typefleet-table td{padding:12px;border-bottom:1px solid #e0e0e0}.typefleet-table-container .typefleet-table tr:last-child td{border-bottom:none}.typefleet-table-container .typefleet-table .typefleet-name-cell{display:flex;align-items:center;gap:12px}.typefleet-table-container .typefleet-table .typefleet-name-cell .typefleet-avatar{background-color:#1976d2;color:#fff}.typefleet-table-container .typefleet-table .typefleet-name-cell .typefleet-name{font-weight:500}.typefleet-table-container .typefleet-table .typefleet-name-cell .typefleet-code{font-size:12px;color:#666}.typefleet-table-container .typefleet-table .no-capacity,.typefleet-table-container .typefleet-table .no-description{color:#999;font-style:italic}.typefleet-table-container .typefleet-table .description-text{max-width:200px;display:block}.typefleet-table-container .typefleet-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.typefleet-table-container .typefleet-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.typefleet-table-container .typefleet-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.typefleet-table-container .typefleet-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.typefleet-table-container .typefleet-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.typefleet-table-container .typefleet-table .action-column .action-buttons{display:flex;gap:8px}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.typefleet-table-container .typefleet-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.typefleet-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.typefleet-card{padding:16px;transition:transform .2s,box-shadow .2s}.typefleet-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.typefleet-card .typefleet-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.typefleet-card .typefleet-card-header .typefleet-info{flex:1}.typefleet-card .typefleet-card-header .typefleet-info h6{margin:0;font-size:16px;font-weight:600}.typefleet-card .typefleet-card-header .typefleet-info p{margin:0;font-size:12px;color:#666}.typefleet-card .typefleet-card-header .typefleet-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.typefleet-card .typefleet-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.typefleet-card .typefleet-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.typefleet-card .typefleet-details{margin-bottom:12px}.typefleet-card .typefleet-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.typefleet-card .typefleet-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.typefleet-card .typefleet-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.typefleet-card .typefleet-card-actions{display:flex;gap:8px}.typefleet-card .typefleet-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.typefleet-card .typefleet-card-actions .btn .btn-icon{font-size:20px}.typefleet-card .typefleet-card-actions .btn.btn-primary{color:#1976d2}.typefleet-card .typefleet-card-actions .btn.btn-edit{color:#ff9800}.typefleet-card .typefleet-card-actions .btn.btn-delete{color:#f44336}.typefleet-card .typefleet-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.typefleet-form,.typefleet-view-form{margin-top:20px}.typefleet-form .form-row,.typefleet-view-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.typefleet-form .form-row,.typefleet-view-form .form-row{flex-direction:column;gap:0}}.typefleet-form .form-group,.typefleet-view-form .form-group{flex:1}.typefleet-form .form-group label,.typefleet-view-form .form-group label{display:block;margin-bottom:8px;font-weight:500}.typefleet-form .form-group input,.typefleet-form .form-group select,.typefleet-form .form-group textarea,.typefleet-view-form .form-group input,.typefleet-view-form .form-group select,.typefleet-view-form .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.typefleet-form .form-group input:focus,.typefleet-form .form-group select:focus,.typefleet-form .form-group textarea:focus,.typefleet-view-form .form-group input:focus,.typefleet-view-form .form-group select:focus,.typefleet-view-form .form-group textarea:focus{outline:none;border-color:#1976d2}.typefleet-form .form-group textarea,.typefleet-view-form .form-group textarea{resize:vertical}.typefleet-form .form-group.full-width,.typefleet-view-form .form-group.full-width{flex-basis:100%}.typefleet-dialog .dialog-title,.view-typefleet-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.typefleet-dialog .dialog-title h2,.view-typefleet-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.typefleet-dialog .MuiDialogContent-root,.view-typefleet-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.typefleet-dialog .MuiDialogActions-root,.view-typefleet-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.typefleet-container.dark .typefleet-table-container,.typefleet-container.dark .typefleet-card,.typefleet-container.dark .typefleet-dialog,.typefleet-container.dark .view-typefleet-dialog,.typefleet-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.typefleet-container.dark .typefleet-table th{background-color:#1e1e1e;color:#b0b0b0}.typefleet-container.dark .typefleet-table td{border-color:#404040}.typefleet-container.dark .search-bar input,.typefleet-container.dark .filter-group select,.typefleet-container.dark .form-group input,.typefleet-container.dark .form-group select,.typefleet-container.dark .form-group textarea,.typefleet-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.typefleet-container.dark .btn.btn-secondary:hover{background-color:#383838}.typefleet-container.dark .typefleet-card .typefleet-card-footer{border-color:#404040}.typefleet-container.dark .typefleet-card .typefleet-card-actions .btn{background-color:#1e1e1e}.typefleet-container.dark .typefleet-card .typefleet-card-actions .btn:hover{background-color:#323232}.typefleet-container.dark .typefleet-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.typefleet-container.dark .typefleet-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.typefleet-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.typefleet-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.typefleet-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.typefleet-container.dark .import-preview-dialog .preview-table-container .preview-note,.typefleet-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.typefleet-container{padding:16px}.typefleet-header{flex-direction:column;align-items:flex-start;gap:16px}.typefleet-header .header-actions{width:100%;justify-content:flex-end}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.filter-bar .view-toggle{align-self:flex-end}.typefleet-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.typefleet-dialog .MuiDialog-paper,.view-typefleet-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}}.warehouse-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.warehouse-container.dark{background-color:#0f1117;color:#e8eaed}.warehouse-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.warehouse-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#f57c00,#ff9800);border-radius:9999px;flex-shrink:0}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.warehouse-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .warehouse-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.warehouse-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.warehouse-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.warehouse-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .warehouse-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.warehouse-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#1a73e840;border-radius:9999px}.warehouse-table-container .warehouse-table{width:100%;border-collapse:collapse;min-width:850px}.warehouse-table-container .warehouse-table thead tr{background-color:#fafbfc}.dark .warehouse-table-container .warehouse-table thead tr{background-color:#222530}.warehouse-table-container .warehouse-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .warehouse-table-container .warehouse-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.warehouse-table-container .warehouse-table th.action-header{text-align:center;width:130px;min-width:130px}.warehouse-table-container .warehouse-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.warehouse-table-container .warehouse-table tbody tr:hover{background-color:#e8f0fe}.dark .warehouse-table-container .warehouse-table tbody tr:hover{background-color:#ffffff0f}.warehouse-table-container .warehouse-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .warehouse-table-container .warehouse-table td{color:#e8eaed}.warehouse-table-container .warehouse-table td[data-label=Email]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-table-container .warehouse-table .warehouse-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f57c001a,#ff980033);color:#f57c00;flex-shrink:0}.dark .warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-avatar{background:linear-gradient(135deg,#f57c0026,#ff98004d)}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-name{font-weight:600;white-space:nowrap}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.dark .warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-address{color:#6e7479}.warehouse-table-container .warehouse-table .code-badge{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;color:#f57c00;background-color:#f57c0014;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .warehouse-table-container .warehouse-table .code-badge{background-color:#f57c0026;color:#ffb74d}.warehouse-table-container .warehouse-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content}.warehouse-table-container .warehouse-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.warehouse-table-container .warehouse-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .warehouse-table-container .warehouse-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.warehouse-table-container .warehouse-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .warehouse-table-container .warehouse-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.warehouse-table-container .warehouse-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.warehouse-table-container .warehouse-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .warehouse-table-container .warehouse-table .action-column .action-buttons button{color:#9aa0a6}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.btn body.dark .MuiDialog-root .MuiDialog-paper{background-color:#1a1d27;border:1px solid #3c4043;border-radius:16px;color:#e8eaed;margin:1rem;max-height:calc(100% - 32px)}.btn body.dark .MuiDialog-root .MuiDialogActions-root{border-top:1px solid #333639;background-color:#222530}.btn body.dark .MuiDialog-root .MuiBackdrop-root{background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn .dialog-title{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;background-color:#fafbfc}.dark .btn .dialog-title{border-bottom-color:#333639;background-color:#222530}.btn .dialog-title h2{font-size:1.125rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.btn .close-btn{color:#5f6368;flex-shrink:0}.btn .close-btn:hover{background-color:#d9302514;color:#d93025}.dark .btn .close-btn:hover{background-color:#d9302526;color:#f87171}.btn .MuiStepper-root{padding:1rem 0 .5rem}.btn .MuiStepper-root .MuiStepLabel-label{font-weight:500!important;font-size:.75rem!important;color:#80868b!important}.dark .btn .MuiStepper-root .MuiStepLabel-label{color:#6e7479!important}.btn .MuiStepper-root .MuiStepLabel-label.Mui-active{color:#1a73e8!important}.btn .MuiStepper-root .MuiStepLabel-label.Mui-completed{color:#0d904f!important}.btn .MuiStepper-root .MuiStepIcon-root{color:#80868b}.dark .btn .MuiStepper-root .MuiStepIcon-root{color:#6e7479}.btn .MuiStepper-root .MuiStepIcon-root.Mui-active{color:#1a73e8}.btn .MuiStepper-root .MuiStepIcon-root.Mui-active text{fill:#fff}.btn .MuiStepper-root .MuiStepIcon-root.Mui-completed{color:#0d904f}.btn .MuiStepper-root .MuiStepConnector-line{border-color:#e8eaed}.dark .btn .MuiStepper-root .MuiStepConnector-line{border-color:#333639}.btn .warehouse-form{padding:0 1rem 1rem}.btn .warehouse-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}.btn .warehouse-form .form-row{display:flex;gap:1rem}.btn .warehouse-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.btn .warehouse-form .form-group.full-width{flex:0 0 100%}.btn .warehouse-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .btn .warehouse-form .form-group label{color:#9aa0a6}.btn .warehouse-form .form-group input,.btn .warehouse-form .form-group select,.btn .warehouse-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.btn .warehouse-form .form-group input::placeholder,.btn .warehouse-form .form-group select::placeholder,.btn .warehouse-form .form-group textarea::placeholder{color:#80868b}.btn .warehouse-form .form-group input:focus,.btn .warehouse-form .form-group select:focus,.btn .warehouse-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.btn .warehouse-form .form-group input:disabled,.btn .warehouse-form .form-group select:disabled,.btn .warehouse-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .btn .warehouse-form .form-group input,.dark .btn .warehouse-form .form-group select,.dark .btn .warehouse-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .btn .warehouse-form .form-group input::placeholder,.dark .btn .warehouse-form .form-group select::placeholder,.dark .btn .warehouse-form .form-group textarea::placeholder{color:#6e7479}.dark .btn .warehouse-form .form-group input:focus,.dark .btn .warehouse-form .form-group select:focus,.dark .btn .warehouse-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .btn .warehouse-form .form-group input:disabled,.dark .btn .warehouse-form .form-group select:disabled,.dark .btn .warehouse-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.btn .warehouse-form .form-group textarea{resize:vertical;min-height:80px}.btn .warehouse-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .btn .warehouse-form .form-group .field-hint{color:#6e7479}.btn .warehouse-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.btn .input-error{border-color:#d93025!important;background-color:#d9302514!important}.dark .btn .input-error{background-color:#d9302514!important}.btn .input-error:focus{box-shadow:0 0 0 3px #d9302533!important}.btn .error-text{display:flex;align-items:center;gap:.25rem;color:#d93025;font-size:.6875rem;font-weight:500;margin-top:.25rem}.btn .error-text:before{content:"⚠";font-size:12px}.btn .MuiDialogContent-root{position:relative!important}.btn .submit-overlay{position:absolute;inset:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s}.dark .btn .submit-overlay{background-color:#0f1117e6}.btn .submit-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.btn .region-cascading-wrapper{display:flex;flex-direction:column;background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;margin-top:1rem}.dark .btn .region-cascading-wrapper{background-color:#222530;border-color:#333639}.btn .region-cascading-wrapper .region-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.btn .region-cascading-wrapper .region-item:last-child{border-bottom:none}.btn .region-cascading-wrapper .region-item:hover{background-color:#e8f0fe}.dark .btn .region-cascading-wrapper .region-item:hover{background-color:#ffffff0f}.btn .region-cascading-wrapper .region-item .region-item-icon{width:36px;height:36px;min-width:36px;border-radius:8px;background-color:#1a73e814;display:flex;align-items:center;justify-content:center;color:#1a73e8}.dark .btn .region-cascading-wrapper .region-item .region-item-icon{background-color:#1a73e826;color:#8ab4f8}.btn .region-cascading-wrapper .region-item .region-item-label{min-width:110px;flex-shrink:0}.btn .region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.75rem;font-weight:600;color:#1a1a2e}.dark .btn .region-cascading-wrapper .region-item .region-item-label .region-item-title{color:#e8eaed}.btn .region-cascading-wrapper .region-item .region-item-label .region-item-hint{font-size:.6875rem;color:#80868b;margin-top:2px}.dark .btn .region-cascading-wrapper .region-item .region-item-label .region-item-hint{color:#6e7479}.btn .region-cascading-wrapper .region-item .region-item-field{flex:1;min-width:0}.btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root{width:100%}.btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;padding:4px 10px!important}.dark .btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#1a1d27}.btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-disabled{opacity:.5}.btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#dadce0;border-radius:8px}.dark .btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#3c4043}.btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{font-size:.6875rem;margin-top:.25rem;color:#80868b}.dark .btn .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{color:#6e7479}.btn .region-meta-row{display:flex;gap:1rem;margin-top:1rem}.btn .region-meta-row .form-group input{height:42px}.btn .gps-section-wrapper{margin-top:1.25rem;padding:1rem;background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px}.dark .btn .gps-section-wrapper{background-color:#222530;border-color:#333639}.btn .gps-section-wrapper .gps-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e8eaed}.dark .btn .gps-section-wrapper .gps-section-header{border-bottom-color:#333639}.btn .gps-section-wrapper .gps-section-header .gps-icon-wrapper{width:36px;height:36px;min-width:36px;border-radius:8px;background-color:#f9ab001a;display:flex;align-items:center;justify-content:center;color:#f9ab00}.dark .btn .gps-section-wrapper .gps-section-header .gps-icon-wrapper{background-color:#f9ab0026}.btn .gps-section-wrapper .gps-section-header .gps-section-title{font-size:.875rem;font-weight:600;color:#1a1a2e}.dark .btn .gps-section-wrapper .gps-section-header .gps-section-title{color:#e8eaed}.btn .gps-section-wrapper .gps-inputs-row{display:flex;gap:1rem}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group label{font-size:.75rem;font-weight:600;color:#5f6368;display:flex;align-items:center;gap:.5rem}.dark .btn .gps-section-wrapper .gps-inputs-row .gps-input-group label{color:#9aa0a6}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#80868b}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.btn .gps-section-wrapper .gps-inputs-row .gps-input-group input{height:42px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.dark .btn .gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .btn .gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#6e7479}.dark .btn .gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .btn .gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.btn .warehouse-view-container{padding:1rem 0}.btn .warehouse-view-details{display:flex;flex-direction:column;gap:1.5rem}.btn .warehouse-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .btn .warehouse-view-details .detail-section{background-color:#222530;border-color:#333639}.btn .warehouse-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f57c0008,#ff980014);border-bottom:1px solid #e8eaed}.dark .btn .warehouse-view-details .detail-section-header{background:linear-gradient(135deg,#f57c000d,#ff98001a);border-bottom-color:#333639}.btn .warehouse-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn .warehouse-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-warehouse{background:linear-gradient(135deg,#f57c0026,#ff980040);color:#f57c00}.dark .btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-warehouse{background:linear-gradient(135deg,#f57c0033,#ff980059);color:#ffb74d}.btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f33,#0d904f59);color:#34d399}.btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302526,#d9302540);color:#d93025}.dark .btn .warehouse-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302533,#d9302559);color:#f87171}.btn .warehouse-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .btn .warehouse-view-details .detail-section-header .detail-section-title{color:#e8eaed}.btn .warehouse-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .btn .warehouse-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.btn .warehouse-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.btn .warehouse-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .btn .warehouse-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.btn .warehouse-view-details .detail-item:nth-child(2n){border-right:none}.btn .warehouse-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.btn .warehouse-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.btn .warehouse-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}.btn .warehouse-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .btn .warehouse-view-details .detail-item .detail-label{color:#6e7479}.btn .warehouse-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .btn .warehouse-view-details .detail-item .detail-value{color:#e8eaed}.btn .warehouse-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#f57c00;background-color:#f57c0014;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .btn .warehouse-view-details .detail-item .detail-value.detail-value-code{background-color:#f57c0026;color:#ffb74d}.btn .warehouse-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.btn .warehouse-view-details .detail-item .detail-value.detail-value-email{color:#1a73e8;word-break:break-all}.dark .btn .warehouse-view-details .detail-item .detail-value.detail-value-email{color:#8ab4f8}.btn .warehouse-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.btn .warehouse-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed}.dark .btn .warehouse-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.btn .warehouse-view-details .detail-item .detail-link{color:#1a73e8;text-decoration:none;word-break:break-all}.btn .warehouse-view-details .detail-item .detail-link:hover{text-decoration:underline}.dark .btn .warehouse-view-details .detail-item .detail-link{color:#8ab4f8}.btn .preview-table-container{max-height:450px;overflow-y:auto;margin-top:1rem;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background-color:#fff}.dark .btn .preview-table-container{border-color:#333639;background-color:#1a1d27}.btn .preview-table-container::-webkit-scrollbar{width:6px}.btn .preview-table-container::-webkit-scrollbar-track{background:transparent}.btn .preview-table-container::-webkit-scrollbar-thumb{background-color:#1a73e833;border-radius:9999px}.btn .preview-table-container .preview-stats{display:flex;gap:.5rem;padding:.75rem;background-color:#fafbfc;border-bottom:1px solid #e8eaed;position:sticky;top:0;z-index:2;flex-wrap:wrap}.dark .btn .preview-table-container .preview-stats{background-color:#222530;border-bottom-color:#333639}.btn .preview-table-container .preview-stats .MuiChip-root{font-weight:600}.btn .preview-table-container .preview-error-summary{padding:.75rem;background-color:#d930250a;border-bottom:1px solid rgba(217,48,37,.15);position:sticky;top:52px;z-index:1}.dark .btn .preview-table-container .preview-error-summary{background-color:#d9302514;border-bottom-color:#d9302540}.btn .preview-table-container .preview-error-summary .preview-error-summary-title{font-size:.75rem;font-weight:700;color:#d93025;margin-bottom:.5rem}.dark .btn .preview-table-container .preview-error-summary .preview-error-summary-title{color:#f87171}.btn .preview-table-container .preview-error-summary .preview-error-summary-list{display:flex;flex-wrap:wrap;gap:.25rem}.btn .preview-table-container .preview-error-summary .preview-error-summary-item{display:inline-flex;align-items:center;gap:.25rem;background-color:#fff;border:1px solid #e8eaed;border-radius:9999px;padding:2px .5rem;font-size:.6875rem}.dark .btn .preview-table-container .preview-error-summary .preview-error-summary-item{background-color:#1a1d27;border-color:#333639}.btn .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;background-color:#d930251f;color:#d93025;border-radius:9999px;font-weight:700;font-size:10px;padding:0 5px}.dark .btn .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-count{background-color:#d9302533;color:#f87171}.btn .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-msg{color:#1a1a2e;font-weight:500}.dark .btn .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-msg{color:#e8eaed}.btn .preview-table-container .preview-table{width:100%;border-collapse:collapse;min-width:700px}.btn .preview-table-container .preview-table th,.btn .preview-table-container .preview-table td{padding:.5rem .75rem;border-bottom:1px solid #e8eaed;text-align:left;font-size:.75rem}.dark .btn .preview-table-container .preview-table th,.dark .btn .preview-table-container .preview-table td{border-bottom-color:#333639}.btn .preview-table-container .preview-table thead th{position:sticky;top:0;background-color:#fafbfc;font-weight:700;color:#5f6368;text-transform:uppercase;font-size:.6875rem;z-index:1;border-bottom:2px solid #dadce0}.dark .btn .preview-table-container .preview-table thead th{background-color:#222530;color:#9aa0a6;border-bottom-color:#3c4043}.btn .preview-table-container .preview-table tbody tr:last-child td{border-bottom:none}.btn .preview-table-container .preview-table .invalid-row{background-color:#d930250a}.dark .btn .preview-table-container .preview-table .invalid-row{background-color:#d9302514}.btn .preview-table-container .preview-table .missing-field{color:#d93025;font-style:italic;font-weight:500;background-color:#d9302514;padding:2px .25rem;border-radius:6px;font-size:.6875rem}.dark .btn .preview-table-container .preview-table .missing-field{background-color:#d9302526}.btn .preview-table-container .preview-table .validation-status{display:inline-flex;font-weight:700;font-size:.6875rem;padding:2px .5rem;border-radius:9999px;white-space:nowrap}.btn .preview-table-container .preview-table .validation-status.valid{color:#0d904f;background-color:#0d904f14}.dark .btn .preview-table-container .preview-table .validation-status.valid{background-color:#0d904f26;color:#34d399}.btn .preview-table-container .preview-table .validation-status.invalid{color:#d93025;background-color:#d9302514}.dark .btn .preview-table-container .preview-table .validation-status.invalid{background-color:#d9302526;color:#f87171}.btn .preview-table-container .preview-error-list{display:flex;flex-direction:column;gap:1px}.btn .preview-table-container .preview-error-list .preview-error-item{display:flex;align-items:flex-start;gap:4px;font-size:.6875rem;color:#d93025;line-height:1.5}.dark .btn .preview-table-container .preview-error-list .preview-error-item{color:#f87171}.btn .preview-table-container .preview-error-list .preview-error-item .preview-error-bullet{flex-shrink:0;font-weight:700}.btn .preview-table-container .preview-no-error{color:#80868b;font-size:.75rem}.dark .btn .preview-table-container .preview-no-error{color:#6e7479}.btn .preview-table-container .preview-note{margin:.5rem .75rem;text-align:center;color:#80868b;font-size:.75rem;font-style:italic;padding-bottom:.5rem}.dark .btn .preview-table-container .preview-note{color:#6e7479}.btn .loading,.btn .no-data{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:3rem 1.5rem;gap:1rem}.btn .loading .spinner,.btn .no-data .spinner{width:44px;height:44px;border:3px solid #e8eaed;border-radius:9999px;border-top-color:#f57c00;animation:spin .8s linear infinite}.dark .btn .loading .spinner,.dark .btn .no-data .spinner{border-color:#333639;border-top-color:#ffb74d}.btn .loading div,.btn .no-data div{font-size:1rem;color:#5f6368;font-weight:500;text-align:center}.dark .btn .loading div,.dark .btn .no-data div{color:#9aa0a6}.btn .no-icon{font-size:56px;margin-bottom:.75rem}.dark .btn .no-icon{filter:grayscale(.3) brightness(.8)}.btn .loading-preview{align-items:center;justify-content:center;display:flex;flex-direction:column;height:250px;gap:.75rem}.btn .loading-preview p{color:#5f6368;margin:0;font-size:.75rem}.dark .btn .loading-preview p{color:#9aa0a6}.btn .summary-section{margin-top:1rem}.btn .summary-section .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.btn .summary-section .summary-grid .summary-item{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.25rem}.dark .btn .summary-section .summary-grid .summary-item{background-color:#222530;border-color:#333639}.btn .summary-section .summary-grid .summary-item.full-width{grid-column:1/-1}.btn .summary-section .summary-grid .summary-item .summary-label{font-size:.6875rem;color:#80868b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dark .btn .summary-section .summary-grid .summary-item .summary-label{color:#6e7479}.btn .summary-section .summary-grid .summary-item .summary-value{font-size:.75rem;font-weight:600;color:#1a1a2e;word-break:break-word;line-height:1.5}.dark .btn .summary-section .summary-grid .summary-item .summary-value{color:#e8eaed}.btn .summary-section .summary-grid .summary-item .summary-value .status-badge{margin-top:2px}@media(max-width:1200px){.btn .warehouse-table .warehouse-name-cell .warehouse-address{max-width:140px}.btn .warehouse-table td[data-label=Email]{max-width:180px}}@media(max-width:1024px){.btn .warehouse-container{padding:1rem}.btn .warehouse-header h1{font-size:1.125rem}.btn .warehouse-form{padding:0 .75rem .75rem}.btn .warehouse-form .form-row{gap:.75rem}.btn .warehouse-table-container .table-scroll-wrapper{overflow-x:auto}.btn .region-cascading-wrapper .region-item{gap:.5rem;padding:.5rem .75rem}.btn .region-cascading-wrapper .region-item .region-item-label{min-width:90px}.btn .region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem}.btn .warehouse-view-details{gap:1.25rem}.btn .warehouse-view-details .detail-section .detail-item{padding:.5rem 1rem}}@media(max-width:768px){.btn .warehouse-container{padding:.75rem;padding-bottom:120px}.btn .warehouse-header{margin-bottom:1rem}.btn .warehouse-header h1{font-size:1.125rem}.btn .warehouse-header .header-actions{width:100%}.btn .warehouse-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.btn .warehouse-header .header-actions .btn .btn-startIcon{margin-right:.25rem}.btn .search-and-filters{margin-bottom:1rem}.btn .search-and-filters .search-bar{margin-bottom:.75rem}.btn .search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.btn .search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.btn .search-and-filters .filter-bar{flex-direction:row}.btn .search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.btn .search-and-filters .filter-bar .filter-group select{height:40px}.btn .warehouse-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.btn .warehouse-table-container .table-scroll-wrapper{overflow-x:visible}.btn .warehouse-table-container .warehouse-table thead{display:none}.btn .warehouse-table-container .warehouse-table{min-width:0}.btn .warehouse-table-container .warehouse-table tbody{display:flex;flex-direction:column;gap:.75rem}.btn .warehouse-table-container .warehouse-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .btn .warehouse-table-container .warehouse-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006}.btn .warehouse-table-container .warehouse-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .btn .warehouse-table-container .warehouse-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080}.btn .warehouse-table-container .warehouse-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .btn .warehouse-table-container .warehouse-table tbody tr td{border-bottom-color:#33363980}.btn .warehouse-table-container .warehouse-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .btn .warehouse-table-container .warehouse-table tbody tr td:before{color:#9aa0a6}.btn .warehouse-table-container .warehouse-table tbody tr td:first-child{display:none}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2):before{display:none}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2){border-bottom-color:#333639}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell{width:100%}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-avatar{width:42px;height:42px}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-name{font-size:1rem;white-space:normal}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-address{max-width:none;white-space:normal}.btn .warehouse-table-container .warehouse-table tbody tr td[data-label="Kode Gudang"]{white-space:normal}.btn .warehouse-table-container .warehouse-table tbody tr td[data-label="Kode Gudang"] .code-badge{font-size:.6875rem}.btn .warehouse-table-container .warehouse-table tbody tr td[data-label=Email]{max-width:none;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.btn .warehouse-table-container .warehouse-table tbody tr td[data-label=Status]{white-space:nowrap}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .btn .warehouse-table-container .warehouse-table tbody tr td.action-column{border-top-color:#333639}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column:before{display:none}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.btn .warehouse-form{padding:0 .25rem .75rem}.btn .warehouse-form .form-row,.btn .warehouse-form .region-meta-row{flex-direction:column;gap:0}.btn .MuiStepper-root{padding:.75rem 0 .5rem}.btn .region-cascading-wrapper .region-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.btn .region-cascading-wrapper .region-item .region-item-icon{display:none}.btn .region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.btn .region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase}.btn .region-cascading-wrapper .region-item .region-item-field{width:100%}.btn .gps-section-wrapper{padding:.75rem}.btn .gps-section-wrapper .gps-inputs-row{flex-direction:column;gap:.75rem}.btn .summary-section .summary-grid{grid-template-columns:1fr}.btn .warehouse-view-details{gap:1rem}.btn .warehouse-view-details .detail-section{border-radius:12px}.btn .warehouse-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.btn .warehouse-view-details .detail-section .detail-grid{grid-template-columns:1fr}.btn .warehouse-view-details .detail-section .detail-item{padding:.5rem 1rem}.btn .warehouse-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.btn .warehouse-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .btn .warehouse-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.btn .warehouse-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.btn .preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.btn .preview-table-container .preview-stats,.btn .preview-table-container .preview-error-summary{padding:.5rem .75rem}.btn .preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.btn .preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.btn .preview-table-container .preview-table th,.btn .preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.btn .dialog-title{padding:.75rem 1rem}.btn .dialog-title h2{font-size:.875rem}.btn .MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.btn .warehouse-container{padding:.5rem;padding-bottom:110px}.btn .warehouse-header h1{font-size:1rem}.btn .warehouse-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.btn .warehouse-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.btn .warehouse-header .header-actions .btn span{display:none}.btn .search-and-filters .search-bar input{height:40px;font-size:.75rem}.btn .search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.btn .warehouse-table-container .warehouse-table tbody tr{padding:.75rem;border-radius:12px}.btn .warehouse-table-container .warehouse-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.btn .warehouse-table-container .warehouse-table tbody tr td:before{font-size:10px;margin-right:.5rem}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-avatar{width:36px;height:36px}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-avatar .MuiSvgIcon-root{font-size:18px}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-name{font-size:.75rem}.btn .warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-address{font-size:.6875rem}.btn .warehouse-table-container .warehouse-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.btn .warehouse-table-container .warehouse-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons{gap:.25rem}.btn .warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.btn .warehouse-form .form-group input,.btn .warehouse-form .form-group select,.btn .warehouse-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.btn .MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.btn .MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.btn .loading,.btn .no-data{padding:2rem 1rem}.btn .loading .spinner,.btn .no-data .spinner{width:36px;height:36px}.btn .loading div,.btn .no-data div{font-size:.75rem}.btn .no-icon{font-size:44px}.btn .summary-section .summary-grid .summary-item{padding:.5rem}.btn .summary-section .summary-grid .summary-item .summary-label{font-size:10px}.btn .summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.btn .warehouse-view-details{gap:.75rem}.btn .warehouse-view-details .detail-section{border-radius:12px}.btn .warehouse-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.btn .warehouse-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.btn .warehouse-view-details .detail-section .detail-item{padding:.5rem .75rem}.btn .warehouse-view-details .detail-section .detail-item .detail-label{font-size:10px}.btn .warehouse-view-details .detail-section .detail-item .detail-value{font-size:.75rem}.btn .preview-table-container{margin:-.5rem;border-radius:0}.btn .preview-table-container .preview-stats,.btn .preview-table-container .preview-error-summary{padding:.5rem}.btn .preview-table-container .preview-table th,.btn .preview-table-container .preview-table td{padding:.25rem;font-size:10px}}.partner-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.partner-container.dark{background-color:#121212;color:#fff}.partner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.partner-header h1{margin:0;font-size:24px;font-weight:600}.partner-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.partner-header .header-actions{flex-direction:column;gap:8px}}.search-and-filters{margin-bottom:24px}.search-and-filters .search-bar{position:relative;margin-bottom:16px}.search-and-filters .search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.search-and-filters .search-bar input{width:100%;padding:12px 12px 12px 40px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px}.search-and-filters .search-bar input:focus{outline:none;border-color:#1976d2}.search-and-filters .filter-bar{display:flex;justify-content:space-between;align-items:center}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;margin-right:16px}.search-and-filters .filter-bar .filter-group label{margin-bottom:4px;font-size:14px;color:#666}.search-and-filters .filter-bar .filter-group select{padding:8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#1976d2}.search-and-filters .filter-bar .filter-group select.status-filter.dark,.search-and-filters .filter-bar .filter-group select.type-filter.dark{background-color:#1e1e1e;color:#fff;border-color:#404040}.search-and-filters .filter-bar .filter-group select.status-filter.dark option,.search-and-filters .filter-bar .filter-group select.type-filter.dark option{background-color:#1e1e1e;color:#fff}.search-and-filters .filter-bar .view-toggle{display:flex;gap:4px}.partner-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.partner-table-container .partner-table{width:100%;border-collapse:collapse}.partner-table-container .partner-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.partner-table-container .partner-table td{padding:12px;border-bottom:1px solid #e0e0e0}.partner-table-container .partner-table tr:last-child td{border-bottom:none}.partner-table-container .partner-table .partner-name-cell{display:flex;align-items:center;gap:12px}.partner-table-container .partner-table .partner-name-cell .partner-avatar{background-color:#1976d2;color:#fff}.partner-table-container .partner-table .partner-name-cell .partner-name{font-weight:500}.partner-table-container .partner-table .partner-name-cell .partner-code{font-size:12px;color:#666}.partner-table-container .partner-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.partner-table-container .partner-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.partner-table-container .partner-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.partner-table-container .partner-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.partner-table-container .partner-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.partner-table-container .partner-table .action-column .action-buttons{display:flex;gap:8px}.partner-table-container .partner-table .action-column .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.partner-table-container .partner-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.partner-table-container .partner-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.partner-table-container .partner-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.partner-table-container .partner-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.partner-table-container .partner-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.partner-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.partner-card{padding:16px;transition:transform .2s,box-shadow .2s}.partner-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.partner-card .partner-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.partner-card .partner-card-header .partner-info{flex:1}.partner-card .partner-card-header .partner-info h6{margin:0;font-size:16px;font-weight:600}.partner-card .partner-card-header .partner-info p{margin:0;font-size:12px;color:#666}.partner-card .partner-card-header .partner-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.partner-card .partner-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.partner-card .partner-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.partner-card .partner-details{margin-bottom:12px}.partner-card .partner-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.partner-card .partner-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.partner-card .partner-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.partner-card .partner-card-actions{display:flex;gap:8px}.partner-card .partner-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:all .3s ease}.partner-card .partner-card-actions .btn .btn-icon{font-size:20px}.partner-card .partner-card-actions .btn.btn-primary{color:#1976d2}.partner-card .partner-card-actions .btn.btn-edit{color:#ff9800}.partner-card .partner-card-actions .btn.btn-delete{color:#f44336}.partner-card .partner-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px}.pagination .page-info{color:#666;font-size:14px}.partner-form,.partner-view-form{margin-top:20px}.partner-form .form-row,.partner-view-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.partner-form .form-row,.partner-view-form .form-row{flex-direction:column;gap:0}}.partner-form .form-group,.partner-view-form .form-group{flex:1}.partner-form .form-group label,.partner-view-form .form-group label{display:block;margin-bottom:8px;font-weight:500}.partner-form .form-group input,.partner-form .form-group select,.partner-form .form-group textarea,.partner-view-form .form-group input,.partner-view-form .form-group select,.partner-view-form .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.partner-form .form-group input:focus,.partner-form .form-group select:focus,.partner-form .form-group textarea:focus,.partner-view-form .form-group input:focus,.partner-view-form .form-group select:focus,.partner-view-form .form-group textarea:focus{outline:none;border-color:#1976d2}.partner-form .form-group textarea,.partner-view-form .form-group textarea{resize:vertical}.partner-form .form-group.full-width,.partner-view-form .form-group.full-width{flex-basis:100%}.partner-dialog .dialog-title,.view-partner-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.partner-dialog .dialog-title h2,.view-partner-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.partner-dialog .MuiDialogContent-root,.view-partner-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.partner-dialog .MuiDialogActions-root,.view-partner-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.upload-dialog .upload-form .file-info{margin:16px 0;padding:12px;background-color:#f5f5f5;border-radius:4px}.upload-dialog .upload-form .file-info p{margin:4px 0;font-size:14px}.upload-dialog .upload-form .excel-format-info{margin-top:16px;padding:12px;background-color:#2196f31a;border-radius:4px}.upload-dialog .upload-form .excel-format-info h4{margin-top:0;margin-bottom:8px;color:#2196f3}.upload-dialog .upload-form .excel-format-info p{margin:0 0 8px;font-size:14px}.upload-dialog .upload-form .excel-format-info p:last-child{margin-bottom:0}.btn{background-color:#1976d2;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn:hover{background-color:#145ca4}.btn:disabled{background-color:#999;cursor:not-allowed}.btn.btn-secondary{background-color:#fff;color:#333;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn.btn-secondary:hover{background-color:#e6e6e6}.btn.btn-secondary:disabled{background-color:#999;cursor:not-allowed}.btn.btn-secondary{border:1px solid #e0e0e0}.btn.btn-secondary:hover{background-color:#f5f5f5}.btn.btn-primary{background-color:#1976d2;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn.btn-primary:hover{background-color:#145ca4}.btn.btn-primary:disabled{background-color:#999;cursor:not-allowed}.btn.btn-edit{background-color:#ff9800;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn.btn-edit:hover{background-color:#cc7a00}.btn.btn-edit:disabled{background-color:#999;cursor:not-allowed}.btn.btn-delete{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn.btn-delete:hover{background-color:#ea1c0d}.btn.btn-delete:disabled{background-color:#999;cursor:not-allowed}.btn.btn-sm{padding:4px 8px;font-size:12px}.loading,.no-data{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px}.loading .spinner,.no-data .spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1976d2;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.loading .no-icon,.no-data .no-icon{font-size:48px;margin-bottom:16px}.error-state .MuiAlert-root{margin-bottom:16px}.import-preview-dialog .loading-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.import-preview-dialog .loading-preview .spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1976d2;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.import-preview-dialog .preview-table-container{max-height:400px;overflow:auto}.import-preview-dialog .preview-table-container .preview-table{width:100%;border-collapse:collapse}.import-preview-dialog .preview-table-container .preview-table th,.import-preview-dialog .preview-table-container .preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e0e0e0}.import-preview-dialog .preview-table-container .preview-table th{background-color:#f5f5f5;font-weight:600;position:sticky;top:0;z-index:1}.import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443360d}.import-preview-dialog .preview-table-container .preview-table .status-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.import-preview-dialog .preview-table-container .preview-table .status-badge.active{background-color:#4caf501a;color:#4caf50}.import-preview-dialog .preview-table-container .preview-table .status-badge.inactive{background-color:#f443361a;color:#f44336}.import-preview-dialog .preview-table-container .preview-table .validation-status{font-weight:500}.import-preview-dialog .preview-table-container .preview-table .validation-status.valid{color:#4caf50}.import-preview-dialog .preview-table-container .preview-table .validation-status.invalid{color:#f44336}.import-preview-dialog .preview-table-container .preview-table .missing-field{color:#f44336;font-style:italic}.import-preview-dialog .preview-table-container .preview-note{margin-top:12px;text-align:center;color:#666;font-style:italic}.import-preview-dialog .preview-table-container .preview-legend{margin-top:16px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.import-preview-dialog .preview-table-container .preview-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.template-section{margin-bottom:20px}.partner-container.dark .partner-table-container,.partner-container.dark .partner-card,.partner-container.dark .partner-dialog,.partner-container.dark .view-partner-dialog,.partner-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.partner-container.dark .partner-table th{background-color:#1e1e1e;color:#b0b0b0}.partner-container.dark .partner-table td{border-color:#404040}.partner-container.dark .search-bar input,.partner-container.dark .filter-group select,.partner-container.dark .form-group input,.partner-container.dark .form-group select,.partner-container.dark .form-group textarea,.partner-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.partner-container.dark .btn.btn-secondary:hover{background-color:#383838}.partner-container.dark .partner-card .partner-card-footer{border-color:#404040}.partner-container.dark .partner-card .partner-card-actions .btn{background-color:#1e1e1e}.partner-container.dark .partner-card .partner-card-actions .btn:hover{background-color:#323232}.partner-container.dark .partner-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.partner-container.dark .partner-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.partner-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.partner-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.partner-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.partner-container.dark .import-preview-dialog .preview-table-container .preview-note,.partner-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.partner-container{padding:16px}.partner-header{flex-direction:column;align-items:flex-start;gap:16px}.partner-header .header-actions{width:100%;justify-content:flex-end}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.filter-bar .view-toggle{align-self:flex-end}.partner-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.partner-dialog .MuiDialog-paper,.view-partner-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}}.floating-add-btn,.floating-import-btn{position:fixed!important;z-index:1000}.floating-add-btn{bottom:80px!important;right:20px!important}.floating-import-btn{bottom:20px!important;right:20px!important}.text-center{text-align:center}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.mt-3{margin-top:16px}.mb-3{margin-bottom:16px}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.location-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.location-container.dark{background-color:#0f1117;color:#e8eaed}.location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.location-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.location-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#7b1fa2,#9c27b0);border-radius:9999px;flex-shrink:0}.location-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .search-bar .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#80868b;font-size:20px;pointer-events:none;z-index:1}.search-and-filters .search-bar input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.search-and-filters .search-bar input{padding-left:46px;height:46px;border-radius:12px}.dark .search-and-filters .search-bar input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .search-and-filters .search-bar input{padding-left:46px}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:130px;max-width:180px;flex:1}.search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.location-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f;width:100%}.dark .location-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.location-table-container .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.location-table-container .table-scroll-wrapper::-webkit-scrollbar{height:6px}.location-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#fafbfc}.dark .location-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#222530}.location-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#7b1fa240;border-radius:9999px}.location-table-container .location-table{width:100%;border-collapse:collapse;min-width:950px}.location-table-container .location-table thead tr{background-color:#fafbfc}.dark .location-table-container .location-table thead tr{background-color:#222530}.location-table-container .location-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap;position:sticky;top:0;z-index:1;background-color:#fafbfc}.dark .location-table-container .location-table th{color:#9aa0a6;border-bottom-color:#3c4043;background-color:#222530}.location-table-container .location-table th.action-header{text-align:center;width:130px;min-width:130px}.location-table-container .location-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.location-table-container .location-table tbody tr:last-child{border-bottom:none}.location-table-container .location-table tbody tr:hover{background-color:#e8f0fe}.dark .location-table-container .location-table tbody tr:hover{background-color:#ffffff0f}.location-table-container .location-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e;vertical-align:middle}.dark .location-table-container .location-table td{color:#e8eaed}.location-table-container .location-table td[data-label=Email]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-table-container .location-table .location-name-cell{display:flex;align-items:center;gap:.75rem;min-width:180px}.location-table-container .location-table .location-name-cell .location-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7b1fa21a,#7b1fa233);color:#7b1fa2;flex-shrink:0}.dark .location-table-container .location-table .location-name-cell .location-avatar{background:linear-gradient(135deg,#7b1fa226,#7b1fa24d);color:#ce93d8}.location-table-container .location-table .location-name-cell .location-name{font-weight:600;white-space:nowrap}.location-table-container .location-table .location-name-cell .location-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.dark .location-table-container .location-table .location-name-cell .location-address{color:#6e7479}.location-table-container .location-table .code-badge{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;color:#7b1fa2;background-color:#7b1fa214;padding:.25rem .5rem;border-radius:6px;display:inline-block}.dark .location-table-container .location-table .code-badge{background-color:#7b1fa226;color:#ce93d8}.location-table-container .location-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.location-table-container .location-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.location-table-container .location-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .location-table-container .location-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.location-table-container .location-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .location-table-container .location-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.location-table-container .location-table .action-column{min-width:120px;width:120px;text-align:center}.location-table-container .location-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.location-table-container .location-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .location-table-container .location-table .action-column .action-buttons button{color:#9aa0a6}.location-table-container .location-table .action-column .action-buttons button.btn-view:hover{background-color:#7b1fa214;color:#7b1fa2}.dark .location-table-container .location-table .action-column .action-buttons button.btn-view:hover{background-color:#7b1fa226;color:#ce93d8}.location-table-container .location-table .action-column .action-buttons button:hover{background-color:#1a73e814;color:#1a73e8}.location-table-container .location-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.location-table-container .location-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:.15s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn.btn-primary{background-color:#1a73e8;color:#fff;box-shadow:0 2px 4px #1a73e84d}.btn.btn-primary:hover:not(:disabled){background-color:#1765cc;transform:translateY(-1px)}.dark .btn.btn-secondary:hover{background-color:#ff0}body.dark .MuiDialog-root .MuiDialog-paper{background-color:#1a1d27;border:1px solid #3c4043;border-radius:16px;color:#e8eaed;margin:1rem;max-height:calc(100% - 32px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;background-color:#fafbfc}.dialog-title h2{font-size:1.125rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.close-btn{color:#5f6368;flex-shrink:0}.MuiStepper-root{padding:1rem 0 .5rem}.MuiStepper-root .MuiStepLabel-label.Mui-active{color:#1a73e8!important}.MuiStepper-root .MuiStepIcon-root.Mui-active{color:#1a73e8}.location-form{padding:0 1rem 1rem}.location-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}.location-form .form-row{display:flex;gap:1rem}.location-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;flex:1;min-width:0}.location-form .form-group.full-width{flex:0 0 100%}.location-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.dark .location-form .form-group label{color:#9aa0a6}.location-form .form-group input,.location-form .form-group select,.location-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.location-form .form-group input::placeholder,.location-form .form-group select::placeholder,.location-form .form-group textarea::placeholder{color:#80868b}.location-form .form-group input:focus,.location-form .form-group select:focus,.location-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.location-form .form-group input:disabled,.location-form .form-group select:disabled,.location-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .location-form .form-group input,.dark .location-form .form-group select,.dark .location-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .location-form .form-group input::placeholder,.dark .location-form .form-group select::placeholder,.dark .location-form .form-group textarea::placeholder{color:#6e7479}.dark .location-form .form-group input:focus,.dark .location-form .form-group select:focus,.dark .location-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.dark .location-form .form-group input:disabled,.dark .location-form .form-group select:disabled,.dark .location-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.location-form .form-group textarea{resize:vertical;min-height:80px}.location-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .location-form .form-group .field-hint{color:#6e7479}.location-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.region-cascading-wrapper .region-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.region-cascading-wrapper .region-item .region-item-icon{width:36px;height:36px;min-width:36px;border-radius:8px;background-color:#1a73e814;display:flex;align-items:center;justify-content:center;color:#1a73e8}.dark .region-cascading-wrapper .region-item .region-item-icon{background-color:#1a73e826;color:#8ab4f8}.region-cascading-wrapper .region-item .region-item-label{min-width:110px;flex-shrink:0}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;padding:4px 10px!important}.region-meta-row{display:flex;gap:1rem;margin-top:1rem}.gps-section-wrapper{margin-top:1.25rem;padding:1rem;background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px}.gps-section-wrapper .gps-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e8eaed}.gps-section-wrapper .gps-section-header .gps-icon-wrapper{width:36px;height:36px;min-width:36px;border-radius:8px;background-color:#f9ab001a;display:flex;align-items:center;justify-content:center;color:#f9ab00}.gps-section-wrapper .gps-inputs-row{display:flex;gap:1rem}.gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.gps-section-wrapper .gps-inputs-row .gps-input-group input{height:42px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #1a73e840}.location-view-container{padding:1rem 0}.location-view-details{display:flex;flex-direction:column;gap:1.5rem}.location-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .location-view-details .detail-section{background-color:#222530;border-color:#333639}.location-view-details .detail-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#7b1fa208,#7b1fa214);border-bottom:1px solid #e8eaed}.dark .location-view-details .detail-section-header{background:linear-gradient(135deg,#7b1fa20d,#7b1fa21a);border-bottom-color:#333639}.location-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.location-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.location-view-details .detail-section-header .detail-section-icon.detail-icon-warehouse{background:linear-gradient(135deg,#7b1fa226,#7b1fa240);color:#7b1fa2}.dark .location-view-details .detail-section-header .detail-section-icon.detail-icon-warehouse{background:linear-gradient(135deg,#7b1fa233,#7b1fa259);color:#ce93d8}.location-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .location-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f33,#0d904f59);color:#34d399}.location-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302526,#d9302540);color:#d93025}.dark .location-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302533,#d9302559);color:#f87171}.location-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .location-view-details .detail-section-header .detail-section-title{color:#e8eaed}.location-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .location-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.location-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}.location-view-details .detail-item{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.25rem}.dark .location-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.location-view-details .detail-item:nth-child(2n){border-right:none}.location-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.location-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.location-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}.location-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .location-view-details .detail-item .detail-label{color:#6e7479}.location-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .location-view-details .detail-item .detail-value{color:#e8eaed}.location-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#7b1fa2;background-color:#7b1fa214;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .location-view-details .detail-item .detail-value.detail-value-code{background-color:#7b1fa226;color:#ce93d8}.location-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.location-view-details .detail-item .detail-value.detail-value-email{color:#1a73e8;word-break:break-all}.dark .location-view-details .detail-item .detail-value.detail-value-email{color:#8ab4f8}.location-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.location-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e8eaed}.dark .location-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.preview-table-container{max-height:450px;overflow-y:auto;margin-top:1rem;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background-color:#fff}.preview-table-container::-webkit-scrollbar-thumb{background-color:#7b1fa233;border-radius:9999px}.preview-table-container .preview-stats{display:flex;gap:.5rem;padding:.75rem;background-color:#fafbfc;border-bottom:1px solid #e8eaed;position:sticky;top:0;z-index:2;flex-wrap:wrap}.preview-table-container .preview-stats .MuiChip-root{font-weight:600}.preview-table-container .preview-error-summary{padding:.75rem;background-color:#d930250a;border-bottom:1px solid rgba(217,48,37,.15);position:sticky;top:52px;z-index:1}.dark .preview-table-container .preview-error-summary{background-color:#d9302514;border-bottom-color:#d9302540}.preview-table-container .preview-error-summary .preview-error-summary-title{font-size:.75rem;font-weight:700;color:#d93025;margin-bottom:.5rem}.dark .preview-table-container .preview-error-summary .preview-error-summary-title{color:#f87171}.preview-table-container .preview-error-summary .preview-error-summary-list{display:flex;flex-wrap:wrap;gap:.25rem}.preview-table-container .preview-error-summary .preview-error-summary-item{display:inline-flex;align-items:center;gap:.25rem;background-color:#fff;border:1px solid #e8eaed;border-radius:9999px;padding:2px .5rem;font-size:.6875rem}.dark .preview-table-container .preview-error-summary .preview-error-summary-item{background-color:#1a1d27;border-color:#333639}.preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;background-color:#d930251f;color:#d93025;border-radius:9999px;font-weight:700;font-size:10px;padding:0 5px}.dark .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-count{background-color:#d9302533;color:#f87171}.preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-msg{color:#1a1a2e;font-weight:500}.dark .preview-table-container .preview-error-summary .preview-error-summary-item .preview-error-msg{color:#e8eaed}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.5rem .75rem;border-bottom:1px solid #e8eaed;text-align:left;font-size:.75rem}.preview-table-container .preview-table .missing-field{color:#d93025;font-style:italic;font-weight:500;background-color:#d9302514;padding:2px .25rem;border-radius:6px;font-size:.6875rem}.preview-table-container .preview-table .validation-status{display:inline-flex;font-weight:700;font-size:.6875rem;padding:2px .5rem;border-radius:9999px;white-space:nowrap}.preview-table-container .preview-error-list{display:flex;flex-direction:column;gap:1px}.preview-table-container .preview-error-list .preview-error-item{display:flex;align-items:flex-start;gap:4px;font-size:.6875rem;color:#d93025;line-height:1.5}.dark .preview-table-container .preview-error-list .preview-error-item{color:#f87171}.preview-table-container .preview-error-list .preview-error-item .preview-error-bullet{flex-shrink:0;font-weight:700}.preview-table-container .preview-no-error{color:#80868b;font-size:.75rem}.dark .preview-table-container .preview-no-error{color:#6e7479}.preview-table-container .preview-note{margin:.5rem .75rem;text-align:center;color:#80868b;font-size:.75rem;font-style:italic;padding-bottom:.5rem}.loading,.no-data{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:3rem 1.5rem;gap:1rem}.loading .spinner,.no-data .spinner{width:44px;height:44px;border:3px solid #e8eaed;border-radius:9999px;border-top-color:#7b1fa2;animation:spin .8s linear infinite}.dark .loading .spinner,.dark .no-data .spinner{border-color:#333639;border-top-color:#ce93d8}.no-icon{font-size:56px;margin-bottom:.75rem}.loading-preview{align-items:center;justify-content:center;display:flex;flex-direction:column;height:250px;gap:.75rem}.loading-preview p{color:#5f6368;margin:0;font-size:.75rem}.summary-section .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.summary-section .summary-grid .summary-item{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.25rem}.summary-section .summary-grid .summary-item .summary-label{font-size:.6875rem;color:#80868b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.summary-section .summary-grid .summary-item .summary-value{font-size:.75rem;font-weight:600;color:#1a1a2e;word-break:break-word;line-height:1.5}@media(max-width:1200px){.location-table .location-name-cell .location-address{max-width:140px}.location-table td[data-label=Email]{max-width:180px}}@media(max-width:1024px){.location-container{padding:1rem}.location-header h1{font-size:1.125rem}.location-form{padding:0 .75rem .75rem}.location-form .form-row{gap:.75rem}.location-table-container .table-scroll-wrapper{overflow-x:auto}.region-cascading-wrapper .region-item{gap:.5rem;padding:.5rem .75rem}.region-cascading-wrapper .region-item .region-item-label{min-width:90px}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem}.location-view-details{gap:1.25rem}.location-view-details .detail-section .detail-item{padding:.5rem 1rem}}@media(max-width:768px){.location-container{padding:.75rem;padding-bottom:120px}.location-header{margin-bottom:1rem}.location-header h1{font-size:1.125rem}.location-header .header-actions{width:100%}.location-header .header-actions .btn{flex:1;min-width:0;font-size:.75rem;height:36px;padding:0 .75rem}.location-header .header-actions .btn .btn-startIcon{margin-right:.25rem}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar{margin-bottom:.75rem}.search-and-filters .search-bar input{height:44px;padding-left:44px;font-size:.75rem}.search-and-filters .search-bar .search-icon{left:14px;font-size:18px}.search-and-filters .filter-bar{flex-direction:row}.search-and-filters .filter-bar .filter-group{width:100%;max-width:100%;min-width:0;flex:1}.search-and-filters .filter-bar .filter-group select{height:40px}.location-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.location-table-container .table-scroll-wrapper{overflow-x:visible}.location-table-container .location-table thead{display:none}.location-table-container .location-table{min-width:0}.location-table-container .location-table tbody{display:flex;flex-direction:column;gap:.75rem}.location-table-container .location-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:0;border-bottom:none}.dark .location-table-container .location-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006}.location-table-container .location-table tbody tr:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .location-table-container .location-table tbody tr:hover{background-color:#1a1d27;box-shadow:0 10px 15px -3px #00000080}.location-table-container .location-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .location-table-container .location-table tbody tr td{border-bottom-color:#33363980}.location-table-container .location-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem;letter-spacing:.03em}.dark .location-table-container .location-table tbody tr td:before{color:#9aa0a6}.location-table-container .location-table tbody tr td:first-child{display:none}.location-table-container .location-table tbody tr td:nth-child(2):before{display:none}.location-table-container .location-table tbody tr td:nth-child(2){padding-bottom:.25rem;border-bottom:1px solid #e8eaed}.dark .location-table-container .location-table tbody tr td:nth-child(2){border-bottom-color:#333639}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell{width:100%}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-avatar{width:42px;height:42px}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-name{font-size:1rem;white-space:normal}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-address{max-width:none;white-space:normal}.location-table-container .location-table tbody tr td[data-label="Location Code"]{white-space:normal}.location-table-container .location-table tbody tr td[data-label="Location Code"] .code-badge{font-size:.6875rem}.location-table-container .location-table tbody tr td[data-label=Email]{max-width:none;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.location-table-container .location-table tbody tr td[data-label=Status]{white-space:nowrap}.location-table-container .location-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e8eaed}.dark .location-table-container .location-table tbody tr td.action-column{border-top-color:#333639}.location-table-container .location-table tbody tr td.action-column:before{display:none}.location-table-container .location-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end;gap:.5rem}.location-table-container .location-table tbody tr td.action-column .action-buttons button{width:38px;height:38px;border-radius:12px}.location-form{padding:0 .25rem .75rem}.location-form .form-row,.location-form .region-meta-row{flex-direction:column;gap:0}.MuiStepper-root{padding:.75rem 0 .5rem}.region-cascading-wrapper .region-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.region-cascading-wrapper .region-item .region-item-icon{display:none}.region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase}.region-cascading-wrapper .region-item .region-item-field{width:100%}.gps-section-wrapper{padding:.75rem}.gps-section-wrapper .gps-inputs-row{flex-direction:column;gap:.75rem}.summary-section .summary-grid{grid-template-columns:1fr}.location-view-details{gap:1rem}.location-view-details .detail-section{border-radius:12px}.location-view-details .detail-section .detail-section-header{padding:.75rem 1rem;gap:.5rem}.location-view-details .detail-section .detail-section-header .detail-section-icon{width:36px;height:36px}.location-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.location-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.location-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.location-view-details .detail-section .detail-grid{grid-template-columns:1fr}.location-view-details .detail-section .detail-item{padding:.5rem 1rem}.location-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.location-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:1px solid #e8eaed}.dark .location-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom-color:#333639}.location-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.preview-table-container{margin:-.75rem;border-radius:0;border-left:none;border-right:none}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem .75rem}.preview-table-container .preview-error-summary .preview-error-summary-list{flex-direction:column}.preview-table-container .preview-error-summary .preview-error-summary-item{width:100%}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem .5rem;font-size:.6875rem}.dialog-title{padding:.75rem 1rem}.dialog-title h2{font-size:.875rem}.MuiDialogActions-root{padding:.5rem .75rem!important;flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.location-container{padding:.5rem;padding-bottom:110px}.location-header h1{font-size:1rem}.location-header .header-actions .btn{padding:0 .5rem;font-size:.6875rem;height:34px}.location-header .header-actions .btn .MuiSvgIcon-root{font-size:16px}.location-header .header-actions .btn span{display:none}.search-and-filters .search-bar input{height:40px;font-size:.75rem}.search-and-filters .filter-bar .filter-group select{height:38px;font-size:.75rem}.location-table-container .location-table tbody tr{padding:.75rem;border-radius:12px}.location-table-container .location-table tbody tr td{padding:.25rem 0;font-size:.6875rem}.location-table-container .location-table tbody tr td:before{font-size:10px;margin-right:.5rem}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-avatar{width:36px;height:36px}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-avatar .MuiSvgIcon-root{font-size:18px}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-name{font-size:.75rem}.location-table-container .location-table tbody tr td:nth-child(2) .location-name-cell .location-address{font-size:.6875rem}.location-table-container .location-table tbody tr td .code-badge{font-size:10px;padding:1px .25rem}.location-table-container .location-table tbody tr td .status-badge{font-size:10px;padding:1px .5rem}.location-table-container .location-table tbody tr td.action-column .action-buttons{gap:.25rem}.location-table-container .location-table tbody tr td.action-column .action-buttons button{width:34px;height:34px}.location-form .form-group input,.location-form .form-group select,.location-form .form-group textarea{font-size:.75rem;padding:.5rem .75rem}.MuiDialog-paper{margin:.5rem!important;max-height:calc(100% - 16px)!important;width:calc(100% - 16px)!important}.MuiDialogActions-root .btn{flex:1;min-width:calc(50% - 8px);font-size:.6875rem!important;height:36px!important}.loading,.no-data{padding:2rem 1rem}.loading .spinner,.no-data .spinner{width:36px;height:36px}.loading div,.no-data div{font-size:.75rem}.no-icon{font-size:44px}.summary-section .summary-grid .summary-item{padding:.5rem}.summary-section .summary-grid .summary-item .summary-label{font-size:10px}.summary-section .summary-grid .summary-item .summary-value{font-size:.6875rem}.location-view-details{gap:.75rem}.location-view-details .detail-section{border-radius:12px}.location-view-details .detail-section .detail-section-header{padding:.5rem .75rem}.location-view-details .detail-section .detail-section-header .detail-section-icon{width:32px;height:32px}.location-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:16px}.location-view-details .detail-section .detail-section-header .detail-section-title{font-size:.75rem}.location-view-details .detail-section .detail-item{padding:.5rem .75rem}.location-view-details .detail-section .detail-item .detail-label{font-size:10px}.location-view-details .detail-section .detail-item .detail-value{font-size:.75rem}.preview-table-container{margin:-.5rem;border-radius:0}.preview-table-container .preview-stats,.preview-table-container .preview-error-summary{padding:.5rem}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.25rem;font-size:10px}}.supplier-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#1a1a2e;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.supplier-container.dark{background-color:#0f1117;color:#e8eaed}.supplier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.supplier-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.supplier-header h1:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(180deg,#e65100,#ff8f00);border-radius:9999px}.supplier-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters .search-bar .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#80868b;font-size:22px;pointer-events:none;z-index:1}.dark .search-and-filters .search-bar .search-icon{color:#6e7479}.search-and-filters .search-bar input{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.search-and-filters .search-bar input::placeholder{color:#80868b}.search-and-filters .search-bar input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #e6510026}.search-and-filters .search-bar input:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.search-and-filters .search-bar input{padding-left:52px;height:48px;border-radius:12px}.dark .search-and-filters .search-bar input{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .search-and-filters .search-bar input::placeholder{color:#6e7479}.dark .search-and-filters .search-bar input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #e6510040}.dark .search-and-filters .search-bar input:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .search-and-filters .search-bar input{padding-left:52px}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:130px;max-width:160px}.search-and-filters .filter-bar .filter-group label{font-size:.6875rem;font-weight:600;color:#5f6368;margin-bottom:.25rem;text-transform:uppercase}.dark .search-and-filters .filter-bar .filter-group label{color:#9aa0a6}.search-and-filters .filter-bar .filter-group select{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.search-and-filters .filter-bar .filter-group select::placeholder{color:#80868b}.search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #e6510026}.search-and-filters .filter-bar .filter-group select:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.search-and-filters .filter-bar .filter-group select{height:36px;font-size:.75rem;padding-left:.75rem;padding-right:32px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .search-and-filters .filter-bar .filter-group select::placeholder{color:#6e7479}.dark .search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #e6510040}.dark .search-and-filters .filter-bar .filter-group select:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.supplier-table-container{background-color:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f}.dark .supplier-table-container{background-color:#1a1d27;border-color:#333639;box-shadow:0 1px 2px #0000004d}.supplier-table-container .supplier-table{width:100%;border-collapse:collapse}.supplier-table-container .supplier-table thead tr{background-color:#fafbfc}.dark .supplier-table-container .supplier-table thead tr{background-color:#222530}.supplier-table-container .supplier-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#5f6368;border-bottom:2px solid #dadce0;white-space:nowrap}.dark .supplier-table-container .supplier-table th{color:#9aa0a6;border-bottom-color:#3c4043}.supplier-table-container .supplier-table th.action-header{text-align:center;width:140px;min-width:140px}.supplier-table-container .supplier-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.supplier-table-container .supplier-table tbody tr:last-child{border-bottom:none}.supplier-table-container .supplier-table tbody tr:hover{background-color:#e8f0fe}.dark .supplier-table-container .supplier-table tbody tr:hover{background-color:#ffffff0f}.supplier-table-container .supplier-table td{padding:.75rem 1rem;font-size:.875rem;color:#1a1a2e}.dark .supplier-table-container .supplier-table td{color:#e8eaed}.supplier-table-container .supplier-table td[data-label=Status]{min-width:100px}.supplier-table-container .supplier-table .supplier-name-cell{display:flex;align-items:center;gap:.75rem}.supplier-table-container .supplier-table .supplier-name-cell .supplier-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e651001a,#e6510033);color:#e65100;flex-shrink:0}.dark .supplier-table-container .supplier-table .supplier-name-cell .supplier-avatar{background:linear-gradient(135deg,#e6510026,#e651004d)}.supplier-table-container .supplier-table .supplier-name-cell .supplier-name{font-weight:600}.supplier-table-container .supplier-table .supplier-name-cell .supplier-address{font-size:.75rem;color:#80868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.dark .supplier-table-container .supplier-table .supplier-name-cell .supplier-address{color:#6e7479}.supplier-table-container .supplier-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#e65100;background-color:#e6510014;padding:.25rem .5rem;border-radius:6px}.dark .supplier-table-container .supplier-table .code-badge{background-color:#e6510026;color:#ffab40}.supplier-table-container .supplier-table .status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:fit-content;flex-shrink:0}.supplier-table-container .supplier-table .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px;background-color:currentColor}.supplier-table-container .supplier-table .status-badge.aktif{background-color:#0d904f14;color:#0d904f}.dark .supplier-table-container .supplier-table .status-badge.aktif{background-color:#0d904f26;color:#34d399}.supplier-table-container .supplier-table .status-badge.tidak-aktif{background-color:#d9302514;color:#d93025}.dark .supplier-table-container .supplier-table .status-badge.tidak-aktif{background-color:#d9302526;color:#f87171}.supplier-table-container .supplier-table .action-column{min-width:120px;width:120px;text-align:center}.supplier-table-container .supplier-table .action-column .action-buttons{display:inline-flex;gap:.25rem;justify-content:center}.supplier-table-container .supplier-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#5f6368;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s cubic-bezier(.4,0,.2,1)}.dark .supplier-table-container .supplier-table .action-column .action-buttons button{color:#9aa0a6}.supplier-table-container .supplier-table .action-column .action-buttons button:hover{background-color:#e6510014;color:#e65100}.supplier-table-container .supplier-table .action-column .action-buttons button:hover.btn-edit:hover{background-color:#f9ab0014;color:#f9ab00}.supplier-table-container .supplier-table .action-column .action-buttons button:hover.btn-delete:hover{background-color:#d9302514;color:#d93025}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:.15s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn.btn-primary{background-color:#e65100;color:#fff;box-shadow:0 2px 4px #e651004d}.btn.btn-primary:hover:not(:disabled){background-color:#bf360c;transform:translateY(-1px)}.btn.btn-secondary{background-color:transparent;color:#1a1a2e;border:1.5px solid #dadce0}.dark .btn.btn-secondary{color:#e8eaed;border-color:#3c4043}.btn.btn-secondary:hover{background-color:#fafbfc}.dark .btn.btn-secondary:hover{background-color:#ffffff0f}body.dark .MuiDialog-root .MuiDialog-paper{background-color:#1a1d27;border:1px solid #3c4043;border-radius:16px;color:#e8eaed}body.dark .MuiDialog-root .MuiDialogActions-root{border-top:1px solid #333639;background-color:#222530}body.dark .MuiDialog-root .MuiBackdrop-root{background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e8eaed;background-color:#fafbfc}.dark .dialog-title{border-bottom-color:#333639;background-color:#222530}.close-btn{color:#5f6368}.close-btn:hover{background-color:#d9302514;color:#d93025}.dark .close-btn:hover{background-color:#d9302526;color:#f87171}.MuiStepper-root .MuiStepLabel-label{font-weight:500!important;font-size:.75rem!important;color:#80868b!important}.dark .MuiStepper-root .MuiStepLabel-label{color:#6e7479!important}.MuiStepper-root .MuiStepLabel-label.Mui-active{color:#e65100!important}.MuiStepper-root .MuiStepLabel-label.Mui-completed{color:#0d904f!important}.MuiStepper-root .MuiStepIcon-root{color:#80868b}.dark .MuiStepper-root .MuiStepIcon-root{color:#6e7479}.MuiStepper-root .MuiStepIcon-root.Mui-active{color:#e65100}.MuiStepper-root .MuiStepIcon-root.Mui-active text{fill:#fff}.MuiStepper-root .MuiStepIcon-root.Mui-completed{color:#0d904f}.MuiStepper-root .MuiStepConnector-line{border-color:#e8eaed}.dark .MuiStepper-root .MuiStepConnector-line{border-color:#333639}.supplier-form{padding:0 1.5rem 1.5rem}.supplier-form .form-step{margin-top:1rem;animation:stepFadeIn .35s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.supplier-form .form-row{display:flex;gap:1.25rem}@media(max-width:768px){.supplier-form .form-row{flex-direction:column;gap:0}}.supplier-form .form-group{display:flex;flex-direction:column;margin-bottom:1.25rem;flex:1;min-width:0}.supplier-form .form-group.full-width{flex:0 0 100%}.supplier-form .form-group label{font-size:.75rem;font-weight:600;color:#5f6368;margin-bottom:.5rem}.dark .supplier-form .form-group label{color:#9aa0a6}.supplier-form .form-group input,.supplier-form .form-group select,.supplier-form .form-group textarea{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.supplier-form .form-group input::placeholder,.supplier-form .form-group select::placeholder,.supplier-form .form-group textarea::placeholder{color:#80868b}.supplier-form .form-group input:focus,.supplier-form .form-group select:focus,.supplier-form .form-group textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #e6510026}.supplier-form .form-group input:disabled,.supplier-form .form-group select:disabled,.supplier-form .form-group textarea:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.dark .supplier-form .form-group input,.dark .supplier-form .form-group select,.dark .supplier-form .form-group textarea{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .supplier-form .form-group input::placeholder,.dark .supplier-form .form-group select::placeholder,.dark .supplier-form .form-group textarea::placeholder{color:#6e7479}.dark .supplier-form .form-group input:focus,.dark .supplier-form .form-group select:focus,.dark .supplier-form .form-group textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #e6510040}.dark .supplier-form .form-group input:disabled,.dark .supplier-form .form-group select:disabled,.dark .supplier-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.supplier-form .form-group textarea{resize:vertical;min-height:90px}.supplier-form .form-group .field-hint{margin-top:.25rem;font-size:.6875rem;color:#80868b}.dark .supplier-form .form-group .field-hint{color:#6e7479}.supplier-form .form-group .field-hint:before{content:"💡";font-size:10px;margin-right:.25rem}.supplier-form .form-group .document-upload{display:flex;gap:.5rem;align-items:stretch}.supplier-form .form-group .document-upload .document-filename-display{flex:1;background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.supplier-form .form-group .document-upload .document-filename-display::placeholder{color:#80868b}.supplier-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #e6510026}.supplier-form .form-group .document-upload .document-filename-display:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.supplier-form .form-group .document-upload .document-filename-display{padding:.75rem 1rem;display:flex;align-items:center;color:#5f6368;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .supplier-form .form-group .document-upload .document-filename-display{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .supplier-form .form-group .document-upload .document-filename-display::placeholder{color:#6e7479}.dark .supplier-form .form-group .document-upload .document-filename-display:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #e6510040}.dark .supplier-form .form-group .document-upload .document-filename-display:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.dark .supplier-form .form-group .document-upload .document-filename-display{color:#9aa0a6}.input-error{border-color:#d93025!important;background-color:#d9302514!important}.dark .input-error{background-color:#d9302514!important}.input-error:focus{box-shadow:0 0 0 3px #d9302533!important}.error-text{display:flex;align-items:center;gap:.25rem;color:#d93025;font-size:.6875rem;font-weight:500;margin-top:.25rem}.error-text:before{content:"⚠";font-size:12px}.pending-doc-preview{margin-top:.75rem;width:120px;height:120px;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.dark .pending-doc-preview{border-color:#3c4043}.pending-doc-preview img{width:100%;height:100%;object-fit:contain;padding:.5rem}.submit-overlay{position:absolute;inset:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s}.dark .submit-overlay{background-color:#0f1117e6}.submit-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.region-cascading-wrapper{display:flex;flex-direction:column;background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;margin-top:1rem}.dark .region-cascading-wrapper{background-color:#222530;border-color:#333639}.region-cascading-wrapper .region-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.region-cascading-wrapper .region-item:hover{background-color:#e8f0fe}.dark .region-cascading-wrapper .region-item:hover{background-color:#ffffff0f}.region-cascading-wrapper .region-item .region-item-icon{width:40px;height:40px;min-width:40px;border-radius:8px;background-color:#e6510014;display:flex;align-items:center;justify-content:center;color:#e65100}.dark .region-cascading-wrapper .region-item .region-item-icon{background-color:#e6510026;color:#ffab40}.region-cascading-wrapper .region-item .region-item-label{min-width:140px;flex-shrink:0}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.75rem;font-weight:600;color:#1a1a2e}.dark .region-cascading-wrapper .region-item .region-item-label .region-item-title{color:#e8eaed}.region-cascading-wrapper .region-item .region-item-label .region-item-hint{font-size:.6875rem;color:#80868b;margin-top:2px}.dark .region-cascading-wrapper .region-item .region-item-label .region-item-hint{color:#6e7479}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;padding:6px 12px!important}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-disabled{opacity:.5}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#dadce0;border-radius:8px}.dark .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#3c4043}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{font-size:.6875rem;margin-top:.25rem;color:#80868b}.dark .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{color:#6e7479}@media(max-width:768px){.region-cascading-wrapper .region-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.region-cascading-wrapper .region-item .region-item-icon{display:none}.region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase}.region-cascading-wrapper .region-item .region-item-field{width:100%}}.region-meta-row .form-group input{height:44px}.gps-section-wrapper{margin-top:1.5rem;padding:1.25rem;background-color:#fafbfc;border:1px solid #e8eaed;border-radius:12px}.dark .gps-section-wrapper{background-color:#222530;border-color:#333639}.gps-section-wrapper .gps-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e8eaed}.dark .gps-section-wrapper .gps-section-header{border-bottom-color:#333639}.gps-section-wrapper .gps-section-header .gps-icon-wrapper{width:40px;height:40px;min-width:40px;border-radius:8px;background-color:#f9ab001a;display:flex;align-items:center;justify-content:center;color:#f9ab00}.dark .gps-section-wrapper .gps-section-header .gps-icon-wrapper{background-color:#f9ab0026}.gps-section-wrapper .gps-section-header .gps-section-title{font-size:.875rem;font-weight:600;color:#1a1a2e}.dark .gps-section-wrapper .gps-section-header .gps-section-title{color:#e8eaed}.gps-section-wrapper .gps-inputs-row .gps-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.gps-section-wrapper .gps-inputs-row .gps-input-group label{font-size:.75rem;font-weight:600;color:#5f6368;display:flex;align-items:center;gap:.5rem}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group label{color:#9aa0a6}.gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#fff;border:1.5px solid #dadce0;color:#1a1a2e;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#80868b}.gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #e6510026}.gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#f5f5f5;color:#80868b;cursor:not-allowed;opacity:.7}.gps-section-wrapper .gps-inputs-row .gps-input-group input{height:44px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#222530;border:1.5px solid #3c4043;color:#e8eaed;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#6e7479}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px #e6510040}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#ffffff0a;color:#6e7479;cursor:not-allowed;opacity:.7}.supplier-view-container{padding:1rem 0}.supplier-view-details{display:flex;flex-direction:column;gap:2rem}.supplier-view-details .detail-section{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:16px;overflow:hidden}.dark .supplier-view-details .detail-section{background-color:#222530;border-color:#333639}.supplier-view-details .detail-section-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#e6510008,#e6510014);border-bottom:1px solid #e8eaed}.dark .supplier-view-details .detail-section-header{background:linear-gradient(135deg,#e651000d,#e651001a);border-bottom-color:#333639}.supplier-view-details .detail-section-header .detail-section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.supplier-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:24px}.supplier-view-details .detail-section-header .detail-section-icon.detail-icon-supplier{background:linear-gradient(135deg,#e6510026,#e6510040);color:#e65100}.dark .supplier-view-details .detail-section-header .detail-section-icon.detail-icon-supplier{background:linear-gradient(135deg,#e6510033,#e6510059);color:#ffab40}.supplier-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f26,#0d904f40);color:#0d904f}.dark .supplier-view-details .detail-section-header .detail-section-icon.detail-icon-contact{background:linear-gradient(135deg,#0d904f33,#0d904f59);color:#34d399}.supplier-view-details .detail-section-header .detail-section-icon.detail-icon-legal{background:linear-gradient(135deg,#f9ab0026,#f9ab0040);color:#f9ab00}.dark .supplier-view-details .detail-section-header .detail-section-icon.detail-icon-legal{background:linear-gradient(135deg,#f9ab0033,#f9ab0059);color:#fbbf24}.supplier-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302526,#d9302540);color:#d93025}.dark .supplier-view-details .detail-section-header .detail-section-icon.detail-icon-location{background:linear-gradient(135deg,#d9302533,#d9302559);color:#f87171}.supplier-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#8b5cf6}.dark .supplier-view-details .detail-section-header .detail-section-icon.detail-icon-docs{background:linear-gradient(135deg,#8b5cf633,#8b5cf659);color:#a78bfa}.supplier-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.dark .supplier-view-details .detail-section-header .detail-section-title{color:#e8eaed}.supplier-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#80868b;margin:.25rem 0 0}.dark .supplier-view-details .detail-section-header .detail-section-subtitle{color:#6e7479}.supplier-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.supplier-view-details .detail-grid{grid-template-columns:1fr}}.supplier-view-details .detail-item{display:flex;flex-direction:column;padding:1rem 1.5rem;border-bottom:1px solid #e8eaed;border-right:1px solid #e8eaed;gap:.5rem}.dark .supplier-view-details .detail-item{border-bottom-color:#333639;border-right-color:#333639}.supplier-view-details .detail-item:nth-child(2n){border-right:none}.supplier-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.supplier-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.supplier-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}@media(max-width:600px){.supplier-view-details .detail-item{border-right:none}.supplier-view-details .detail-item:nth-last-child(-n+1){border-bottom:none}}.supplier-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#80868b;text-transform:uppercase;letter-spacing:.06em}.dark .supplier-view-details .detail-item .detail-label{color:#6e7479}.supplier-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#1a1a2e;word-break:break-word}.dark .supplier-view-details .detail-item .detail-value{color:#e8eaed}.supplier-view-details .detail-item .detail-value.detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#e65100;background-color:#e6510014;padding:.25rem .75rem;border-radius:6px;display:inline-block;width:fit-content}.dark .supplier-view-details .detail-item .detail-value.detail-value-code{background-color:#e6510026;color:#ffab40}.supplier-view-details .detail-item .detail-value.detail-value-name{font-size:1rem;font-weight:600}.supplier-view-details .detail-item .detail-value.detail-value-email{color:#e65100}.dark .supplier-view-details .detail-item .detail-value.detail-value-email{color:#ffab40}.supplier-view-details .detail-item .detail-value.detail-value-phone{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem}.supplier-view-details .detail-item .detail-value.detail-value-address{line-height:1.75;background-color:#fff;padding:.75rem 1rem;border-radius:8px;border:1px solid #e8eaed}.dark .supplier-view-details .detail-item .detail-value.detail-value-address{background-color:#1a1d27;border-color:#333639}.supplier-view-details .detail-item .detail-link{color:#e65100;text-decoration:none;word-break:break-all}.supplier-view-details .detail-item .detail-link:hover{text-decoration:underline}.dark .supplier-view-details .detail-item .detail-link{color:#ffab40}.supplier-view-details .detail-documents-container{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.supplier-view-details .detail-documents-container .document-list-item{background-color:#fff;border:1px solid #e8eaed;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem}.dark .supplier-view-details .detail-documents-container .document-list-item{background-color:#1a1d27;border-color:#333639}.supplier-view-details .detail-documents-container .document-list-item:hover{border-color:#e65100;box-shadow:0 1px 2px #0000000f}.supplier-view-details .detail-documents-container .document-list-item .doc-thumbnail{width:80px;height:80px;min-width:80px;border-radius:8px;overflow:hidden;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e8eaed}.dark .supplier-view-details .detail-documents-container .document-list-item .doc-thumbnail{background-color:#222530;border-color:#3c4043}.supplier-view-details .detail-documents-container .document-list-item .doc-thumbnail img{width:100%;height:100%;object-fit:cover}.supplier-view-details .detail-documents-container .document-list-item .doc-details{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.supplier-view-details .detail-documents-container .document-list-item .doc-details .doc-meta{display:flex;flex-direction:column;gap:.5rem}.supplier-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{font-size:.875rem;font-weight:700;color:#e65100}.dark .supplier-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-label{color:#ffab40}.supplier-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.6875rem;color:#80868b}.dark .supplier-view-details .detail-documents-container .document-list-item .doc-details .doc-meta .doc-filename{color:#6e7479}.supplier-view-details .detail-documents-container .no-docs-placeholder{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:2.5rem 1.5rem;color:#80868b;background-color:#fff;border-radius:12px;border:2px dashed #e8eaed}.dark .supplier-view-details .detail-documents-container .no-docs-placeholder{background-color:#1a1d27;color:#6e7479;border-color:#3c4043}.supplier-view-details .detail-documents-container .no-docs-placeholder .MuiSvgIcon-root{font-size:56px;opacity:.3;margin-bottom:.75rem}.supplier-view-details .detail-documents-container .no-docs-placeholder p{margin:0;font-weight:500}.supplier-view-details .detail-documents-container .no-docs-placeholder .no-docs-hint{font-size:.75rem;margin-top:.5rem}.preview-table-container{max-height:450px;overflow-y:auto}.preview-table-container::-webkit-scrollbar{width:6px}.preview-table-container::-webkit-scrollbar-thumb{background-color:#e6510033;border-radius:9999px}.preview-table-container::-webkit-scrollbar-thumb:hover{background-color:#e6510066}.preview-table-container{margin-top:1rem;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background-color:#fff}.dark .preview-table-container{border-color:#333639;background-color:#1a1d27}.preview-table-container .preview-stats{display:flex;gap:.75rem;padding:1rem;background-color:#fafbfc;border-bottom:1px solid #e8eaed}.dark .preview-table-container .preview-stats{background-color:#222530;border-bottom-color:#333639}.preview-table-container .preview-stats .MuiChip-root{font-weight:600;padding:.5rem .75rem;border-radius:9999px}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:.75rem 1rem;border-bottom:1px solid #e8eaed;text-align:left;font-size:.75rem}.dark .preview-table-container .preview-table th,.dark .preview-table-container .preview-table td{border-bottom-color:#333639}.preview-table-container .preview-table thead th{position:sticky;top:0;background-color:#fafbfc;font-weight:700;color:#5f6368;text-transform:uppercase;font-size:.6875rem;z-index:1;border-bottom:2px solid #dadce0}.dark .preview-table-container .preview-table thead th{background-color:#222530;color:#9aa0a6;border-bottom-color:#3c4043}.preview-table-container .preview-table .invalid-row{background-color:#d930250a}.dark .preview-table-container .preview-table .invalid-row{background-color:#d9302514}.preview-table-container .preview-table .missing-field{color:#d93025;font-style:italic;font-weight:500;background-color:#d9302514;padding:.25rem .5rem;border-radius:6px;font-size:.6875rem}.dark .preview-table-container .preview-table .missing-field{background-color:#d9302526}.preview-table-container .preview-table .validation-status{display:inline-flex;font-weight:700;font-size:.6875rem;padding:.25rem .75rem;border-radius:9999px}.preview-table-container .preview-table .validation-status.valid{color:#0d904f;background-color:#0d904f14}.dark .preview-table-container .preview-table .validation-status.valid{background-color:#0d904f26;color:#34d399}.preview-table-container .preview-table .validation-status.invalid{color:#d93025;background-color:#d9302514}.dark .preview-table-container .preview-table .validation-status.invalid{background-color:#d9302526;color:#f87171}.preview-table-container .preview-note{margin:.75rem 1rem;text-align:center;color:#80868b;font-size:.75rem;font-style:italic;padding-bottom:.75rem}.dark .preview-table-container .preview-note{color:#6e7479}.document-preview-section{margin-top:1.25rem}.document-preview-section h3{font-size:1rem;font-weight:600;margin:0 0 .75rem}.document-preview-section .document-preview-container{width:100%;max-height:320px;display:flex;align-items:center;justify-content:center;background-color:#fafbfc;border:2px dashed #dadce0;border-radius:12px;overflow:hidden}.dark .document-preview-section .document-preview-container{background-color:#222530;border-color:#3c4043}.document-preview-section .document-preview-container .document-preview-image{max-width:100%;max-height:320px;object-fit:contain;padding:.5rem}.file-info{margin-top:.75rem;padding:.75rem 1rem;background-color:#fafbfc;border-radius:8px;font-size:.75rem;border:1px solid #e8eaed}.dark .file-info{background-color:#222530;border-color:#333639}.file-info p{margin:0;color:#5f6368}.dark .file-info p{color:#9aa0a6}.loading-preview{align-items:center;justify-content:center;display:flex;flex-direction:column;height:300px;gap:1rem}.loading-preview p{color:#5f6368;margin:0}.dark .loading-preview p{color:#9aa0a6}.document-full-preview{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:#fafbfc;border-radius:12px;padding:1rem}.dark .document-full-preview{background-color:#222530}.document-full-preview .document-full-preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .document-full-preview .document-full-preview-image{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.loading,.no-data{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:4rem 2rem;gap:1.25rem}.loading .spinner,.no-data .spinner{width:48px;height:48px;border:4px solid #e8eaed;border-radius:9999px;border-top-color:#e65100;animation:spin .8s linear infinite}.dark .loading .spinner,.dark .no-data .spinner{border-color:#333639;border-top-color:#e65100}.loading div,.no-data div{font-size:1rem;color:#5f6368;font-weight:500;text-align:center}.dark .loading div,.dark .no-data div{color:#9aa0a6}.no-icon{font-size:72px;margin-bottom:1rem}.dark .no-icon{filter:grayscale(.3) brightness(.8)}@media(max-width:768px){.supplier-container{padding:1rem;padding-bottom:120px}.supplier-header{margin-bottom:1rem}.supplier-header h1{font-size:1.125rem}.supplier-header .header-actions{width:100%}.supplier-header .header-actions .btn{flex:1;min-width:0}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar input{height:44px;padding-left:48px}.search-and-filters .filter-bar{flex-direction:column}.search-and-filters .filter-bar .filter-group{width:100%}.supplier-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.supplier-table-container .supplier-table thead{display:none}.supplier-table-container .supplier-table tbody{display:flex;flex-direction:column;gap:1rem}.supplier-table-container .supplier-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;border:1px solid #e8eaed;gap:.75rem}.dark .supplier-table-container .supplier-table tbody tr{background-color:#1a1d27;border-color:#333639;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.supplier-table-container .supplier-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(232,234,237,.5);font-size:.75rem}.dark .supplier-table-container .supplier-table tbody tr td{border-bottom-color:#33363980}.supplier-table-container .supplier-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#5f6368;text-transform:uppercase;flex-shrink:0;margin-right:.75rem}.dark .supplier-table-container .supplier-table tbody tr td:before{color:#9aa0a6}.supplier-table-container .supplier-table tbody tr td:first-child{display:none}.supplier-table-container .supplier-table tbody tr td:nth-child(2):before{display:none}.supplier-table-container .supplier-table tbody tr td:nth-child(2) .supplier-name-cell{width:100%}.supplier-table-container .supplier-table tbody tr td:nth-child(2) .supplier-name-cell .supplier-name{font-size:1rem}.supplier-table-container .supplier-table tbody tr td:nth-child(2) .supplier-name-cell .supplier-address{max-width:none}.supplier-table-container .supplier-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:1rem;margin-top:.5rem;border-top:1px solid #e8eaed}.dark .supplier-table-container .supplier-table tbody tr td.action-column{border-top-color:#333639}.supplier-table-container .supplier-table tbody tr td.action-column:before{display:none}.supplier-table-container .supplier-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end}.supplier-table-container .supplier-table tbody tr td.action-column .action-buttons button{width:40px;height:40px}.supplier-view-details{gap:1.25rem}.supplier-view-details .detail-section .detail-section-header{padding:1rem 1.25rem;gap:.75rem}.supplier-view-details .detail-section .detail-section-header .detail-section-icon{width:40px;height:40px}.supplier-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:20px}.supplier-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.supplier-view-details .detail-section .detail-grid{grid-template-columns:1fr}.supplier-view-details .detail-section .detail-item{padding:.75rem 1.25rem}.supplier-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.supplier-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:none}.supplier-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.supplier-view-details .detail-section .detail-documents-container{padding:1rem 1.25rem}.supplier-view-details .detail-section .detail-documents-container .document-list-item{flex-direction:column;align-items:flex-start}.supplier-view-details .detail-section .detail-documents-container .document-list-item .doc-thumbnail{width:100%;height:150px;min-width:unset}.supplier-view-details .detail-section .detail-documents-container .document-list-item .doc-details{width:100%;flex-direction:column;align-items:flex-start}}.summary-section{margin-top:1rem}.summary-section .summary-grid .summary-item{background-color:#fafbfc;border:1px solid #e8eaed;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.dark .summary-section .summary-grid .summary-item{background-color:#222530;border-color:#333639}.summary-section .summary-grid .summary-item .summary-label{display:block;font-size:.6875rem;color:#80868b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dark .summary-section .summary-grid .summary-item .summary-label{color:#6e7479}.summary-section .summary-grid .summary-item .summary-value{font-size:.875rem;font-weight:600;color:#1a1a2e;word-break:break-word;line-height:1.5}.dark .summary-section .summary-grid .summary-item .summary-value{color:#e8eaed}.summary-section .summary-grid .summary-item .summary-value .status-badge{margin-top:.25rem}.error-state{padding:1.5rem}.warehouse-container{padding:1.5rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5;color:#111827;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.warehouse-container.dark{background-color:#0f1117;color:#f3f4f6}.warehouse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.warehouse-header h1{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem;color:#111827}.dark .warehouse-header h1{color:#f3f4f6}.warehouse-header h1:before{content:"";display:block;width:4px;height:32px;background:linear-gradient(180deg,#3b82f6,#818cf8);border-radius:9999px}.warehouse-header .header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.search-and-filters{margin-bottom:1.5rem}.search-and-filters .search-bar{position:relative;margin-bottom:1rem}.search-and-filters .search-bar .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:20px;pointer-events:none;z-index:1}.dark .search-and-filters .search-bar .search-icon{color:#6b7280}.search-and-filters .search-bar input{background-color:#fff;border:1.5px solid #e5e7eb;color:#111827;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.search-and-filters .search-bar input::placeholder{color:#9ca3af}.search-and-filters .search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.search-and-filters .search-bar input:disabled{background-color:#f5f5f5;color:#9ca3af;border-color:#f3f4f6;cursor:not-allowed;opacity:.6}.search-and-filters .search-bar input{padding-left:50px;height:46px;border-radius:12px;font-size:.875rem}.dark .search-and-filters .search-bar input{background-color:#1a1d27;border:1.5px solid #374151;color:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.dark .search-and-filters .search-bar input::placeholder{color:#6b7280}.dark .search-and-filters .search-bar input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f640;background-color:#1a1d27}.dark .search-and-filters .search-bar input:disabled{background-color:#ffffff0a;color:#6b7280;border-color:#2d3140;cursor:not-allowed;opacity:.6}.dark .search-and-filters .search-bar input{padding-left:50px}.search-and-filters .filter-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.search-and-filters .filter-bar .filter-group{display:flex;flex-direction:column;min-width:120px;max-width:150px}.search-and-filters .filter-bar .filter-group label{font-size:.6875rem;font-weight:600;color:#4b5563;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.dark .search-and-filters .filter-bar .filter-group label{color:#9ca3af}.search-and-filters .filter-bar .filter-group select{background-color:#fff;border:1.5px solid #e5e7eb;color:#111827;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.search-and-filters .filter-bar .filter-group select::placeholder{color:#9ca3af}.search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.search-and-filters .filter-bar .filter-group select:disabled{background-color:#f5f5f5;color:#9ca3af;border-color:#f3f4f6;cursor:not-allowed;opacity:.6}.search-and-filters .filter-bar .filter-group select{height:36px;font-size:.75rem;padding-left:12px;padding-right:30px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.dark .search-and-filters .filter-bar .filter-group select{background-color:#1a1d27;border:1.5px solid #374151;color:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.dark .search-and-filters .filter-bar .filter-group select::placeholder{color:#6b7280}.dark .search-and-filters .filter-bar .filter-group select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f640;background-color:#1a1d27}.dark .search-and-filters .filter-bar .filter-group select:disabled{background-color:#ffffff0a;color:#6b7280;border-color:#2d3140;cursor:not-allowed;opacity:.6}.dark .search-and-filters .filter-bar .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.warehouse-table-container{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;border-radius:16px;overflow:hidden}.dark .warehouse-table-container{background-color:#1a1d27;border:1px solid #374151;box-shadow:0 1px 2px #0006;border-radius:16px;overflow:hidden}.warehouse-table-container .warehouse-table{width:100%;border-collapse:collapse}.warehouse-table-container .warehouse-table thead tr{background-color:#f8f9fb}.dark .warehouse-table-container .warehouse-table thead tr{background-color:#21242f}.warehouse-table-container .warehouse-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#4b5563;border-bottom:2px solid #e5e7eb;white-space:nowrap}.dark .warehouse-table-container .warehouse-table th{color:#9ca3af;border-bottom-color:#374151}.warehouse-table-container .warehouse-table th.action-header{text-align:center;width:140px;min-width:140px}.warehouse-table-container .warehouse-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.warehouse-table-container .warehouse-table tbody tr:last-child{border-bottom:none}.warehouse-table-container .warehouse-table tbody tr:hover{background-color:#eef3fc}.dark .warehouse-table-container .warehouse-table tbody tr:hover{background-color:#ffffff0d}.warehouse-table-container .warehouse-table td{padding:12px 1rem;font-size:.875rem;color:#111827;vertical-align:middle}.dark .warehouse-table-container .warehouse-table td{color:#f3f4f6}.warehouse-table-container .warehouse-table td[data-label=Status]{min-width:100px}.warehouse-table-container .warehouse-table .warehouse-name-cell{display:flex;align-items:center;gap:.75rem}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#3b82f61f);color:#3b82f6;flex-shrink:0}.dark .warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-avatar{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:#93c5fd}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-name{font-weight:600;color:#111827}.dark .warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-name{color:#f3f4f6}.warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-location{font-size:.75rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.dark .warehouse-table-container .warehouse-table .warehouse-name-cell .warehouse-location{color:#6b7280}.warehouse-table-container .warehouse-table .code-badge{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;color:#3b82f6;background-color:#eff6ff;padding:4px 10px;border-radius:6px;letter-spacing:.02em}.dark .warehouse-table-container .warehouse-table .code-badge{background-color:#3b82f61a;color:#93c5fd}.warehouse-table-container .warehouse-table .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em}.warehouse-table-container .warehouse-table .status-badge:before{content:"";width:7px;height:7px;border-radius:9999px;background-color:currentColor;flex-shrink:0}.warehouse-table-container .warehouse-table .status-badge.aktif{background-color:#ecfdf5;color:#059669}.dark .warehouse-table-container .warehouse-table .status-badge.aktif{background-color:#10b9811f;color:#34d399}.warehouse-table-container .warehouse-table .status-badge.tidak-aktif{background-color:#fef2f2;color:#dc2626}.dark .warehouse-table-container .warehouse-table .status-badge.tidak-aktif{background-color:#ef44441f;color:#f87171}.warehouse-table-container .warehouse-table .action-column{min-width:120px;width:120px;text-align:center}.warehouse-table-container .warehouse-table .action-column .action-buttons{display:inline-flex;gap:4px;justify-content:center}.warehouse-table-container .warehouse-table .action-column .action-buttons button{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#4b5563;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.dark .warehouse-table-container .warehouse-table .action-column .action-buttons button{color:#9ca3af}.warehouse-table-container .warehouse-table .action-column .action-buttons button .btn-icon{font-size:18px}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover.btn-primary{background-color:#eff6ff;color:#3b82f6}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover.btn-edit{background-color:#fffbeb;color:#f59e0b}.warehouse-table-container .warehouse-table .action-column .action-buttons button:hover.btn-delete{background-color:#fef2f2;color:#ef4444}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.875rem;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:8px;border:none;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn.btn-primary{background-color:#3b82f6;color:#fff;box-shadow:0 1px 3px #3b82f64d}.btn.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn.btn-secondary{background-color:transparent;color:#111827;border:1.5px solid #e5e7eb}.dark .btn.btn-secondary{color:#f3f4f6;border-color:#374151}.btn.btn-secondary:hover{background-color:#f8f9fb;border-color:#e5e7eb}.dark .btn.btn-secondary:hover{background-color:#ffffff0d;border-color:#374151}.btn.btn-submitting{pointer-events:none}body.dark .MuiDialog-root .MuiDialog-paper{background-color:#1a1d27;border:1px solid #374151;border-radius:16px;color:#f3f4f6}body.dark .MuiDialog-root .MuiDialogActions-root{border-top:1px solid #2d3140;background-color:#21242f;padding:1rem 1.5rem!important}body.dark .MuiDialog-root .MuiDialogContent-root{padding:1.5rem!important}body.dark .MuiDialog-root .MuiBackdrop-root{background-color:#000000b3!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;background-color:#f8f9fb}.dark .dialog-title{border-bottom-color:#2d3140;background-color:#21242f}.dialog-title h2{font-size:1.125rem;font-weight:700;margin:0}.close-btn{color:#9ca3af;transition:all .15s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background-color:#fef2f2;color:#ef4444;border-radius:8px}.dark .close-btn:hover{background-color:#ef444426;color:#f87171}.MuiStepper-root{padding:1.5rem 0 1rem}.MuiStepper-root .MuiStepLabel-label{font-weight:500!important;font-size:.75rem!important;color:#9ca3af!important}.dark .MuiStepper-root .MuiStepLabel-label{color:#6b7280!important}.MuiStepper-root .MuiStepLabel-label.Mui-active{color:#3b82f6!important;font-weight:600!important}.MuiStepper-root .MuiStepLabel-label.Mui-completed{color:#10b981!important}.MuiStepper-root .MuiStepIcon-root{color:#e5e7eb}.dark .MuiStepper-root .MuiStepIcon-root{color:#374151}.MuiStepper-root .MuiStepIcon-root.Mui-active{color:#3b82f6}.MuiStepper-root .MuiStepIcon-root.Mui-active text{fill:#fff;font-weight:700}.MuiStepper-root .MuiStepIcon-root.Mui-completed{color:#10b981}.MuiStepper-root .MuiStepConnector-line{border-color:#e5e7eb}.dark .MuiStepper-root .MuiStepConnector-line{border-color:#374151}.warehouse-form{padding:0 1.5rem 1.5rem}.warehouse-form .form-step{margin-top:1.25rem;animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.warehouse-form .form-row{display:flex;gap:1.25rem}@media(max-width:768px){.warehouse-form .form-row{flex-direction:column;gap:0}}.warehouse-form .form-group{display:flex;flex-direction:column;margin-bottom:1.25rem;flex:1;min-width:0}.warehouse-form .form-group.full-width{flex:0 0 100%}.warehouse-form .form-group label{font-size:.75rem;font-weight:600;color:#4b5563;margin-bottom:6px;display:flex;align-items:center;gap:4px}.dark .warehouse-form .form-group label{color:#9ca3af}.warehouse-form .form-group input,.warehouse-form .form-group select,.warehouse-form .form-group textarea{background-color:#fff;border:1.5px solid #e5e7eb;color:#111827;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.warehouse-form .form-group input::placeholder,.warehouse-form .form-group select::placeholder,.warehouse-form .form-group textarea::placeholder{color:#9ca3af}.warehouse-form .form-group input:focus,.warehouse-form .form-group select:focus,.warehouse-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.warehouse-form .form-group input:disabled,.warehouse-form .form-group select:disabled,.warehouse-form .form-group textarea:disabled{background-color:#f5f5f5;color:#9ca3af;border-color:#f3f4f6;cursor:not-allowed;opacity:.6}.dark .warehouse-form .form-group input,.dark .warehouse-form .form-group select,.dark .warehouse-form .form-group textarea{background-color:#1a1d27;border:1.5px solid #374151;color:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.dark .warehouse-form .form-group input::placeholder,.dark .warehouse-form .form-group select::placeholder,.dark .warehouse-form .form-group textarea::placeholder{color:#6b7280}.dark .warehouse-form .form-group input:focus,.dark .warehouse-form .form-group select:focus,.dark .warehouse-form .form-group textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f640;background-color:#1a1d27}.dark .warehouse-form .form-group input:disabled,.dark .warehouse-form .form-group select:disabled,.dark .warehouse-form .form-group textarea:disabled{background-color:#ffffff0a;color:#6b7280;border-color:#2d3140;cursor:not-allowed;opacity:.6}.warehouse-form .form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.warehouse-form .form-group .field-hint{margin-top:4px;font-size:.6875rem;color:#9ca3af}.dark .warehouse-form .form-group .field-hint{color:#6b7280}.input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.dark .input-error{background-color:#ef44440f!important}.input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.error-text{display:flex;align-items:center;gap:4px;color:#ef4444;font-size:.6875rem;font-weight:500;margin-top:4px}.MuiDialogContent-root{position:relative!important}.submit-overlay{position:absolute;inset:0;background-color:#ffffffe0;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlayFadeIn .25s ease-out}.dark .submit-overlay{background-color:#0f1117eb}.submit-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;gap:.5rem}.submit-overlay-content p,.submit-overlay-content span{color:#4b5563}.dark .submit-overlay-content p,.dark .submit-overlay-content span{color:#9ca3af}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.region-cascading-wrapper{display:flex;flex-direction:column;background-color:#f8f9fb;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;margin-top:1.25rem}.dark .region-cascading-wrapper{background-color:#21242f;border-color:#2d3140}.region-cascading-wrapper .region-item{display:flex;align-items:center;gap:1rem;padding:14px 1.25rem;border-bottom:1px solid #f3f4f6;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.region-cascading-wrapper .region-item:last-child{border-bottom:none}.region-cascading-wrapper .region-item:hover{background-color:#eef3fc}.dark .region-cascading-wrapper .region-item:hover{background-color:#ffffff0d}.region-cascading-wrapper .region-item .region-item-icon{width:38px;height:38px;min-width:38px;border-radius:8px;background-color:#eff6ff;display:flex;align-items:center;justify-content:center;color:#3b82f6}.dark .region-cascading-wrapper .region-item .region-item-icon{background-color:#3b82f61f;color:#93c5fd}.region-cascading-wrapper .region-item .region-item-label{min-width:130px;flex-shrink:0}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.75rem;font-weight:600;color:#111827}.dark .region-cascading-wrapper .region-item .region-item-label .region-item-title{color:#f3f4f6}.region-cascading-wrapper .region-item .region-item-label .region-item-hint{font-size:.6875rem;color:#9ca3af;margin-top:2px}.dark .region-cascading-wrapper .region-item .region-item-label .region-item-hint{color:#6b7280}.region-cascading-wrapper .region-item .region-item-field{flex:1;min-width:0}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root{width:100%}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;padding:5px 10px!important;font-size:.75rem}.dark .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root{background-color:#1a1d27}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-disabled{opacity:.4}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb;border-radius:8px}.dark .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline{border-color:#374151}.region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{font-size:.6875rem;margin-top:2px;color:#9ca3af}.dark .region-cascading-wrapper .region-item .region-item-field .MuiAutocomplete-root .MuiFormHelperText-root{color:#6b7280}@media(max-width:768px){.region-cascading-wrapper .region-item{flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem}.region-cascading-wrapper .region-item .region-item-icon{display:none}.region-cascading-wrapper .region-item .region-item-label{min-width:unset;width:100%}.region-cascading-wrapper .region-item .region-item-label .region-item-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.region-cascading-wrapper .region-item .region-item-field{width:100%}}.region-meta-row{display:flex;gap:1.25rem;margin-top:1.25rem}@media(max-width:768px){.region-meta-row{flex-direction:column;gap:0}}.region-meta-row .form-group input{height:42px}.gps-section-wrapper{margin-top:1.5rem;padding:1.25rem;background-color:#f8f9fb;border:1px solid #f3f4f6;border-radius:16px}.dark .gps-section-wrapper{background-color:#21242f;border-color:#2d3140}.gps-section-wrapper .gps-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.dark .gps-section-wrapper .gps-section-header{border-bottom-color:#2d3140}.gps-section-wrapper .gps-section-header .gps-icon-wrapper{width:38px;height:38px;min-width:38px;border-radius:8px;background-color:#fffbeb;display:flex;align-items:center;justify-content:center;color:#f59e0b}.dark .gps-section-wrapper .gps-section-header .gps-icon-wrapper{background-color:#f59e0b1f}.gps-section-wrapper .gps-section-header .gps-section-title{font-size:.875rem;font-weight:600;color:#111827}.dark .gps-section-wrapper .gps-section-header .gps-section-title{color:#f3f4f6}.gps-section-wrapper .gps-inputs-row{display:flex;gap:1.25rem}@media(max-width:768px){.gps-section-wrapper .gps-inputs-row{flex-direction:column;gap:1rem}}.gps-section-wrapper .gps-inputs-row .gps-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.gps-section-wrapper .gps-inputs-row .gps-input-group label{font-size:.75rem;font-weight:600;color:#4b5563;display:flex;align-items:center;gap:.5rem}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group label{color:#9ca3af}.gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#fff;border:1.5px solid #e5e7eb;color:#111827;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#9ca3af}.gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#f5f5f5;color:#9ca3af;border-color:#f3f4f6;cursor:not-allowed;opacity:.6}.gps-section-wrapper .gps-inputs-row .gps-input-group input{height:42px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;letter-spacing:.02em}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input{background-color:#1a1d27;border:1.5px solid #374151;color:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;box-sizing:border-box;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input::placeholder{color:#6b7280}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f640;background-color:#1a1d27}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group input:disabled{background-color:#ffffff0a;color:#6b7280;border-color:#2d3140;cursor:not-allowed;opacity:.6}.gps-section-wrapper .gps-inputs-row .gps-input-group small{font-size:.6875rem;color:#9ca3af}.dark .gps-section-wrapper .gps-inputs-row .gps-input-group small{color:#6b7280}.warehouse-view-container{padding:.5rem 0}.warehouse-view-details{display:flex;flex-direction:column;gap:1.25rem}.warehouse-view-details .detail-section{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;border-radius:16px;overflow:hidden}.dark .warehouse-view-details .detail-section{background-color:#1a1d27;border:1px solid #374151;box-shadow:0 1px 2px #0006;border-radius:16px;overflow:hidden}.warehouse-view-details .detail-section{transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.dark .warehouse-view-details .detail-section:hover{box-shadow:0 1px 3px #00000080,0 1px 2px #0000004d}.warehouse-view-details .detail-section-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.dark .warehouse-view-details .detail-section-header{border-bottom-color:#2d3140}.warehouse-view-details .detail-section-header.header-warehouse{background:linear-gradient(135deg,#eff6ff,#3b82f60a)}.dark .warehouse-view-details .detail-section-header.header-warehouse{background:linear-gradient(135deg,#3b82f614,#3b82f608)}.warehouse-view-details .detail-section-header.header-contact{background:linear-gradient(135deg,#ecfdf5,#10b9810a)}.dark .warehouse-view-details .detail-section-header.header-contact{background:linear-gradient(135deg,#10b98114,#10b98108)}.warehouse-view-details .detail-section-header.header-location{background:linear-gradient(135deg,#fff7ed,#f973160a)}.dark .warehouse-view-details .detail-section-header.header-location{background:linear-gradient(135deg,#f9731614,#f9731608)}.warehouse-view-details .detail-section-header .detail-section-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.warehouse-view-details .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:22px}.warehouse-view-details .detail-section-header .detail-section-icon.icon-warehouse{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:#3b82f6}.dark .warehouse-view-details .detail-section-header .detail-section-icon.icon-warehouse{background:linear-gradient(135deg,#3b82f633,#3b82f659);color:#93c5fd}.warehouse-view-details .detail-section-header .detail-section-icon.icon-contact{background:linear-gradient(135deg,#10b98126,#10b98140);color:#10b981}.dark .warehouse-view-details .detail-section-header .detail-section-icon.icon-contact{background:linear-gradient(135deg,#10b98133,#10b98159);color:#34d399}.warehouse-view-details .detail-section-header .detail-section-icon.icon-location{background:linear-gradient(135deg,#f9731626,#f9731640);color:#f97316}.dark .warehouse-view-details .detail-section-header .detail-section-icon.icon-location{background:linear-gradient(135deg,#f9731633,#f9731659);color:#fdba74}.warehouse-view-details .detail-section-header .detail-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.dark .warehouse-view-details .detail-section-header .detail-section-title{color:#f3f4f6}.warehouse-view-details .detail-section-header .detail-section-subtitle{font-size:.75rem;color:#9ca3af;margin:2px 0 0}.dark .warehouse-view-details .detail-section-header .detail-section-subtitle{color:#6b7280}.warehouse-view-details .detail-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.warehouse-view-details .detail-grid{grid-template-columns:1fr}}.warehouse-view-details .detail-item{display:flex;flex-direction:column;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;gap:6px}.dark .warehouse-view-details .detail-item{border-bottom-color:#2d3140;border-right-color:#2d3140}.warehouse-view-details .detail-item:nth-child(2n){border-right:none}.warehouse-view-details .detail-item:nth-last-child(-n+2){border-bottom:none}.warehouse-view-details .detail-item.detail-item-full{grid-column:1/-1;border-right:none}.warehouse-view-details .detail-item.detail-item-full:nth-last-child(-n+1){border-bottom:none}@media(max-width:600px){.warehouse-view-details .detail-item{border-right:none}.warehouse-view-details .detail-item:nth-last-child(-n+1){border-bottom:none}}.warehouse-view-details .detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.dark .warehouse-view-details .detail-item .detail-label{color:#6b7280}.warehouse-view-details .detail-item .detail-value{font-size:.875rem;font-weight:500;color:#111827;word-break:break-word;line-height:1.5}.dark .warehouse-view-details .detail-item .detail-value{color:#f3f4f6}.warehouse-view-details .detail-item .detail-value-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#3b82f6;background-color:#eff6ff;padding:4px 12px;border-radius:6px;display:inline-block;width:fit-content;letter-spacing:.02em}.dark .warehouse-view-details .detail-item .detail-value-code{background-color:#3b82f61a;color:#93c5fd}.warehouse-view-details .detail-item .detail-value-name{font-size:1rem;font-weight:600;color:#111827}.dark .warehouse-view-details .detail-item .detail-value-name{color:#f3f4f6}.warehouse-view-details .detail-item .detail-value-email{color:#3b82f6;font-size:.75rem}.dark .warehouse-view-details .detail-item .detail-value-email{color:#93c5fd}.warehouse-view-details .detail-item .detail-value-phone{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;letter-spacing:.02em}.warehouse-view-details .detail-item .detail-value-address{line-height:1.75;background-color:#f8f9fb;padding:.75rem 1rem;border-radius:8px;border:1px solid #f3f4f6;color:#111827}.dark .warehouse-view-details .detail-item .detail-value-address{background-color:#1a1d27;border-color:#2d3140;color:#f3f4f6}.warehouse-view-details .detail-item .detail-value-coord{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#6366f1}.dark .warehouse-view-details .detail-item .detail-value-coord{color:#a5b4fc}.warehouse-view-details .detail-item .status-badge{margin-top:2px}.warehouse-view-details .detail-gps-card{margin:1rem 1.5rem 1.25rem;padding:1rem;background-color:#f8f9fb;border:1px solid #f3f4f6;border-radius:12px}.dark .warehouse-view-details .detail-gps-card{background-color:#21242f;border-color:#2d3140}.warehouse-view-details .detail-gps-card .gps-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.dark .warehouse-view-details .detail-gps-card .gps-card-header{border-bottom-color:#2d3140}.warehouse-view-details .detail-gps-card .gps-card-header .gps-card-icon{width:32px;height:32px;border-radius:6px;background-color:#fffbeb;display:flex;align-items:center;justify-content:center;color:#f59e0b}.dark .warehouse-view-details .detail-gps-card .gps-card-header .gps-card-icon{background-color:#f59e0b1f}.warehouse-view-details .detail-gps-card .gps-card-header .gps-card-icon .MuiSvgIcon-root{font-size:18px}.warehouse-view-details .detail-gps-card .gps-card-header .gps-card-title{font-size:.75rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.04em}.dark .warehouse-view-details .detail-gps-card .gps-card-header .gps-card-title{color:#9ca3af}.warehouse-view-details .detail-gps-card .gps-coords{display:flex;gap:1.5rem}@media(max-width:480px){.warehouse-view-details .detail-gps-card .gps-coords{flex-direction:column;gap:.75rem}}.warehouse-view-details .detail-gps-card .gps-coords .coord-item{display:flex;flex-direction:column;gap:4px}.warehouse-view-details .detail-gps-card .gps-coords .coord-item .coord-label{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase}.dark .warehouse-view-details .detail-gps-card .gps-coords .coord-item .coord-label{color:#6b7280}.warehouse-view-details .detail-gps-card .gps-coords .coord-item .coord-value{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;font-weight:600;color:#6366f1;letter-spacing:.02em}.dark .warehouse-view-details .detail-gps-card .gps-coords .coord-item .coord-value{color:#a5b4fc}.preview-table-container{max-height:420px;overflow-y:auto;overflow-x:hidden}.preview-table-container::-webkit-scrollbar{width:5px;height:5px}.preview-table-container::-webkit-scrollbar-track{background:transparent}.preview-table-container::-webkit-scrollbar-thumb{background-color:#3b82f633;border-radius:9999px}.preview-table-container::-webkit-scrollbar-thumb:hover{background-color:#3b82f659}.preview-table-container{margin-top:1rem;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background-color:#fff}.dark .preview-table-container{border-color:#374151;background-color:#1a1d27}.preview-table-container .preview-stats{display:flex;gap:.75rem;padding:.75rem 1rem;background-color:#f8f9fb;border-bottom:1px solid #f3f4f6}.dark .preview-table-container .preview-stats{background-color:#21242f;border-bottom-color:#2d3140}.preview-table-container .preview-stats .MuiChip-root{font-weight:600;padding:4px 12px;border-radius:9999px;font-size:.75rem}.preview-table-container .preview-table{width:100%;border-collapse:collapse;min-width:700px}.preview-table-container .preview-table th,.preview-table-container .preview-table td{padding:10px 1rem;border-bottom:1px solid #f3f4f6;text-align:left;font-size:.75rem}.dark .preview-table-container .preview-table th,.dark .preview-table-container .preview-table td{border-bottom-color:#2d3140}.preview-table-container .preview-table thead th{position:sticky;top:0;background-color:#f8f9fb;font-weight:700;color:#4b5563;text-transform:uppercase;font-size:.6875rem;letter-spacing:.04em;z-index:1;border-bottom:2px solid #e5e7eb}.dark .preview-table-container .preview-table thead th{background-color:#21242f;color:#9ca3af;border-bottom-color:#374151}.preview-table-container .preview-table tbody tr:last-child td{border-bottom:none}.preview-table-container .preview-table tbody tr:hover{background-color:#eef3fc}.dark .preview-table-container .preview-table tbody tr:hover{background-color:#ffffff0d}.preview-table-container .preview-table .invalid-row{background-color:#ef444408}.dark .preview-table-container .preview-table .invalid-row{background-color:#ef44440f}.preview-table-container .preview-table .missing-field{color:#ef4444;font-style:italic;font-weight:500;background-color:#fef2f2;padding:2px 8px;border-radius:4px;font-size:.6875rem}.dark .preview-table-container .preview-table .missing-field{background-color:#ef44441f}.preview-table-container .preview-table .validation-status{display:inline-flex;font-weight:700;font-size:.6875rem;padding:3px 10px;border-radius:9999px}.preview-table-container .preview-table .validation-status.valid{color:#059669;background-color:#ecfdf5}.dark .preview-table-container .preview-table .validation-status.valid{background-color:#10b9811f;color:#34d399}.preview-table-container .preview-table .validation-status.invalid{color:#dc2626;background-color:#fef2f2}.dark .preview-table-container .preview-table .validation-status.invalid{background-color:#ef44441f;color:#f87171}.preview-table-container .preview-note{margin:.75rem 1rem;text-align:center;color:#9ca3af;font-size:.75rem;font-style:italic;padding-bottom:.75rem}.dark .preview-table-container .preview-note{color:#6b7280}.loading-preview{align-items:center;justify-content:center;display:flex;flex-direction:column;height:280px;gap:1rem}.loading-preview p{color:#4b5563;margin:0}.dark .loading-preview p{color:#9ca3af}.loading,.no-data,.error-state{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:4rem 2rem;gap:1rem}.loading .spinner,.no-data .spinner,.error-state .spinner{width:44px;height:44px;border:3px solid #e5e7eb;border-radius:9999px;border-top-color:#3b82f6;animation:spin .8s linear infinite}.dark .loading .spinner,.dark .no-data .spinner,.dark .error-state .spinner{border-color:#374151;border-top-color:#3b82f6}.loading div,.loading p,.no-data div,.no-data p,.error-state div,.error-state p{font-size:1rem;color:#4b5563;font-weight:500;text-align:center}.dark .loading div,.dark .loading p,.dark .no-data div,.dark .no-data p,.dark .error-state div,.dark .error-state p{color:#9ca3af}.no-icon{font-size:64px;margin-bottom:.5rem;opacity:.8}.dark .no-icon{filter:grayscale(.2) brightness(.85)}@keyframes spin{to{transform:rotate(360deg)}}.summary-section{margin-top:1.25rem}.summary-section .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:600px){.summary-section .summary-grid{grid-template-columns:1fr}}.summary-section .summary-grid .summary-item{background-color:#f8f9fb;border:1px solid #f3f4f6;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:6px}.dark .summary-section .summary-grid .summary-item{background-color:#21242f;border-color:#2d3140}.summary-section .summary-grid .summary-item.full-width{grid-column:1/-1}.summary-section .summary-grid .summary-item .summary-label{font-size:.6875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dark .summary-section .summary-grid .summary-item .summary-label{color:#6b7280}.summary-section .summary-grid .summary-item .summary-value{font-size:.875rem;font-weight:600;color:#111827;word-break:break-word;line-height:1.5}.dark .summary-section .summary-grid .summary-item .summary-value{color:#f3f4f6}.summary-section .summary-grid .summary-item .summary-value .status-badge{margin-top:2px}@media(max-width:768px){.warehouse-container{padding:1rem;padding-bottom:130px}.warehouse-header{margin-bottom:1rem}.warehouse-header h1{font-size:1.125rem}.warehouse-header .header-actions{width:100%}.warehouse-header .header-actions .btn{flex:1;min-width:0}.search-and-filters{margin-bottom:1rem}.search-and-filters .search-bar input{height:42px;padding-left:46px}.search-and-filters .filter-bar{flex-direction:column}.search-and-filters .filter-bar .filter-group{width:100%}.warehouse-table-container{background:transparent;box-shadow:none;border:none;border-radius:0}.warehouse-table-container .warehouse-table thead{display:none}.warehouse-table-container .warehouse-table tbody{display:flex;flex-direction:column;gap:.75rem}.warehouse-table-container .warehouse-table tbody tr{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;border:1px solid #f3f4f6;gap:2px}.dark .warehouse-table-container .warehouse-table tbody tr{background-color:#1a1d27;border-color:#2d3140;box-shadow:0 1px 3px #00000080,0 1px 2px #0000004d}.warehouse-table-container .warehouse-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(243,244,246,.6);font-size:.75rem}.dark .warehouse-table-container .warehouse-table tbody tr td{border-bottom-color:#2d314080}.warehouse-table-container .warehouse-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:.6875rem;color:#9ca3af;text-transform:uppercase;flex-shrink:0;margin-right:.75rem}.dark .warehouse-table-container .warehouse-table tbody tr td:before{color:#6b7280}.warehouse-table-container .warehouse-table tbody tr td:first-child{display:none}.warehouse-table-container .warehouse-table tbody tr td:nth-child(2):before{display:none}.warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell{width:100%}.warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-name{font-size:.875rem}.warehouse-table-container .warehouse-table tbody tr td:nth-child(2) .warehouse-name-cell .warehouse-location{max-width:none}.warehouse-table-container .warehouse-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:.75rem;margin-top:.5rem;border-top:1px solid #f3f4f6}.dark .warehouse-table-container .warehouse-table tbody tr td.action-column{border-top-color:#2d3140}.warehouse-table-container .warehouse-table tbody tr td.action-column:before{display:none}.warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons{width:100%;justify-content:flex-end}.warehouse-table-container .warehouse-table tbody tr td.action-column .action-buttons button{width:38px;height:38px}.warehouse-view-details{gap:1rem}.warehouse-view-details .detail-section .detail-section-header{padding:1rem 1.25rem;gap:.75rem}.warehouse-view-details .detail-section .detail-section-header .detail-section-icon{width:38px;height:38px}.warehouse-view-details .detail-section .detail-section-header .detail-section-icon .MuiSvgIcon-root{font-size:18px}.warehouse-view-details .detail-section .detail-section-header .detail-section-title{font-size:.875rem}.warehouse-view-details .detail-section .detail-section-header .detail-section-subtitle{font-size:.6875rem}.warehouse-view-details .detail-section .detail-grid{grid-template-columns:1fr}.warehouse-view-details .detail-section .detail-item{padding:.75rem 1.25rem}.warehouse-view-details .detail-section .detail-item:nth-child(2n){border-right:none}.warehouse-view-details .detail-section .detail-item:nth-last-child(-n+2){border-bottom:none}.warehouse-view-details .detail-section .detail-item:nth-last-child(-n+1){border-bottom:none}.warehouse-view-details .detail-section .detail-gps-card{margin:.75rem 1rem 1rem}.warehouse-view-details .detail-section .detail-gps-card .gps-coords{flex-direction:column;gap:.75rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}