.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}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(180deg,#253053f2,#1a2035f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1100;transform:translate(-100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);overflow-y:auto;overflow-x:hidden;padding-top:64px}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0003}.sidebar.dark{background:linear-gradient(180deg,#0f172af2,#1e293bf2)}.sidebar.light{background:linear-gradient(180deg,#fffffff2,#f0f0f0f2);color:#333;box-shadow:4px 0 20px #0000001a}.sidebar .sidebar-menu{padding:1rem 0}.sidebar .menu-item-wrapper{opacity:0;transform:translateY(20px);animation:slideInFade .5s ease forwards}.sidebar .sidebar-item{margin:2px 12px;padding:0;border-radius:12px}.sidebar .sidebar-item .MuiListItemButton-root{border-radius:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar .sidebar-item .MuiListItemButton-root:hover{background:#ffffff1a;transform:translate(5px) scale(1.02)}.sidebar .sidebar-item .MuiListItemButton-root.active{background:linear-gradient(90deg,#4fc3f74d,#4fc3f71a);box-shadow:0 4px 15px #4fc3f733;font-weight:600}.sidebar .sidebar-item .MuiListItemButton-root.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#4fc3f7;border-radius:0 4px 4px 0}.sidebar .sidebar-item .MuiListItemButton-root .MuiListItemIcon-root{color:inherit;min-width:40px;transition:transform .3s ease}.sidebar .sidebar-item .MuiListItemButton-root:hover .MuiListItemIcon-root{transform:scale(1.1)}.sidebar .sidebar-item.nested{margin-left:20px}.sidebar .sidebar-item.nested .MuiListItemButton-root{padding-left:20px;font-size:.9rem}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideInFade{to{opacity:1;transform:translateY(0)}}.navbar{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 32px;position:fixed;top:0;left:0;right:0;z-index:1200;transition:all .3s ease;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#333;box-shadow:0 8px 32px #1f268726}.navbar.grey{background:#dcdcdc33;color:#444}.navbar.dark{background:#0f172a4d;color:#f1f5f9;border:1px solid rgba(255,255,255,.1)}.navbar .navbar-left{display:flex;align-items:center}.navbar .navbar-left .menu-toggle{margin-right:20px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f64d;position:relative;overflow:hidden}.navbar .navbar-left .menu-toggle:before{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}.navbar .navbar-left .menu-toggle:hover{transform:scale(1.1) rotate(180deg);box-shadow:0 6px 25px #3b82f666}.navbar .navbar-left .menu-toggle:hover:before{width:100%;height:100%}.navbar .navbar-left .menu-toggle:active{transform:scale(.95)}.navbar .navbar-left .menu-toggle svg{font-size:1.6rem;color:#fff;transition:all .3s ease;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.navbar .navbar-left .navbar-brand{font-weight:700;font-size:1.4rem;background:linear-gradient(90deg,#60a5fa,#34d399,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar .navbar-right{display:flex;align-items:center}.navbar .navbar-right .icon-button{margin-left:16px;color:inherit;background:#ffffff1a;border-radius:50%;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar .navbar-right .icon-button:hover{transform:scale(1.1);background:#fff3}.navbar .navbar-right .profile-dropdown .profile-dropdown-header{display:flex;align-items:center;padding:1rem 1.5rem;background:linear-gradient(90deg,#4fc3f71a,#4fc3f70d);border-bottom:1px solid rgba(0,0,0,.1)}.navbar .navbar-right .profile-dropdown .MuiMenuItem-root{padding:12px 24px;transition:background .2s ease}.navbar .navbar-right .profile-dropdown .MuiMenuItem-root:hover{background:#0000000a}.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}.login-page .login-card .login-form .form-group input:focus{border-color:#1976d2;outline:none}.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}.login-page .login-card .login-form .form-options .checkbox-container input{margin-right:8px}.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}.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:420px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px}.forgot-password-container .forgot-password-form-wrapper h2{text-align:center;margin-bottom:20px;color:#333}.forgot-password-container .forgot-password-form-wrapper .alert{padding:10px 15px;border-radius:4px;margin-bottom:20px;font-size:14px}.forgot-password-container .forgot-password-form-wrapper .alert.error{background-color:#ffebee;color:#c62828}.forgot-password-container .forgot-password-form-wrapper .alert.success{background-color:#e8f5e9;color:#2e7d32}.forgot-password-container .forgot-password-form-wrapper p{margin-bottom:20px;color:#555;font-size:14px}.forgot-password-container .forgot-password-form-wrapper .form-group{margin-bottom:20px}.forgot-password-container .forgot-password-form-wrapper .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.forgot-password-container .forgot-password-form-wrapper .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.forgot-password-container .forgot-password-form-wrapper .form-group input:focus{border-color:#1976d2;outline:none}.forgot-password-container .forgot-password-form-wrapper .form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.forgot-password-container .forgot-password-form-wrapper button{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 button:hover:not(:disabled){background-color:#1565c0}.forgot-password-container .forgot-password-form-wrapper button:disabled{background-color:#90caf9;cursor:not-allowed}.forgot-password-container .forgot-password-form-wrapper .message{text-align:center;margin-top:20px;padding:10px;border-radius:4px}.forgot-password-container .forgot-password-form-wrapper .message.error{background-color:#ffebee;color:#c62828}.forgot-password-container .forgot-password-form-wrapper .message.success{background-color:#e8f5e9;color:#2e7d32}.forgot-password-container .forgot-password-form-wrapper .login-link{text-align:center;margin-top:20px;font-size:14px;color:#666}.forgot-password-container .forgot-password-form-wrapper .login-link a{color:#1976d2;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.forgot-password-container .forgot-password-form-wrapper .login-link a:hover{text-decoration:underline}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.reset-password-page .reset-password-card{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;padding:40px;width:100%;max-width:420px;text-align:center;animation:fadeInUp .6s ease}.reset-password-page .reset-password-card .icon-container{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.reset-password-page .reset-password-card .icon-container .icon{font-size:36px}.reset-password-page .reset-password-card h1{color:#333;margin-bottom:8px;font-size:28px;font-weight:600}.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{padding:40px 0}.reset-password-page .reset-password-card .loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.reset-password-page .reset-password-card .loading p{color:#666;font-size:14px}.reset-password-page .reset-password-card .error-container{padding:20px 0}.reset-password-page .reset-password-card .error-container .icon{font-size:48px;color:#dc3545;margin-bottom:15px}.reset-password-page .reset-password-card .error-container h2{color:#333;margin-bottom:10px;font-size:24px}.reset-password-page .reset-password-card .error-container p{color:#666;margin-bottom:25px;font-size:14px}.reset-password-page .reset-password-card .error-container .btn-primary{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.reset-password-page .reset-password-card .error-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.reset-password-page .reset-password-card .alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:left;font-size:14px;animation:slideDown .3s ease}.reset-password-page .reset-password-card .alert.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.reset-password-page .reset-password-card .alert.success .alert-subtitle{font-size:12px;margin-top:5px;opacity:.8}.reset-password-page .reset-password-card .alert.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.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;color:#333;font-weight:500;font-size:14px}.reset-password-page .reset-password-card .form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.reset-password-page .reset-password-card .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-password-page .reset-password-card .form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.reset-password-page .reset-password-card .form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.reset-password-page .reset-password-card .btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-password-page .reset-password-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.reset-password-page .reset-password-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.reset-password-page .reset-password-card .back-to-login{margin-top:25px;padding-top:20px;border-top:1px solid #eee}.reset-password-page .reset-password-card .back-to-login a{color:#667eea;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 .icon{font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.verify-page .verify-card{background:#fff;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:420px;text-align:center;transition:transform .3s ease}.verify-page .verify-card:hover{transform:translateY(-5px)}.verify-page .verify-card .verify-header{margin-bottom:2rem}.verify-page .verify-card .verify-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.verify-page .verify-card .verify-header p{color:#666;font-size:1rem}.verify-page .verify-card .verify-form .form-group{margin-bottom:1.5rem;text-align:left}.verify-page .verify-card .verify-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.verify-page .verify-card .verify-form .form-group input{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.verify-page .verify-card .verify-form .form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.verify-page .verify-card .verify-form .form-group input.input-error{border-color:#dc3545;box-shadow:0 0 0 3px #dc354540}.verify-page .verify-card .verify-form .btn-submit{width:100%;padding:.9rem;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s}.verify-page .verify-card .verify-form .btn-submit:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.verify-page .verify-card .verify-form .btn-submit:disabled{background-color:#a5d6ff;cursor:not-allowed;transform:none}.verify-page .verify-card .verify-form .btn-submit.btn-success{background-color:#28a745}.verify-page .verify-card .verify-form .btn-submit.btn-success:hover{background-color:#218838}.verify-page .verify-card .verify-footer{margin-top:1.5rem;font-size:.9rem;color:#666}.verify-page .verify-card .verify-footer p{margin-bottom:.5rem}.verify-page .verify-card .verify-footer .btn-link{background:none;border:none;color:#007bff;text-decoration:none;cursor:pointer;font-weight:500;transition:color .3s}.verify-page .verify-card .verify-footer .btn-link:hover:not(:disabled){color:#0056b3;text-decoration:underline}.verify-page .verify-card .verify-footer .btn-link:disabled{color:#aaa;cursor:not-allowed}.notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;color:#fff;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;z-index:1000;animation:slideIn .3s ease-out;min-width:300px}.notification-success{background-color:#28a745}.notification-error{background-color:#dc3545}.notification-info{background-color:#17a2b8}.notification-message{margin-right:15px}.notification-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.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}@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:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.driver-container.dark{background-color:#121212;color:#fff}.driver-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.driver-header h1{margin:0;font-size:24px;font-weight:600}.driver-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.driver-header .header-actions{flex-direction:column;gap:8px}}.driver-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.driver-table-container .driver-table{width:100%;border-collapse:collapse}.driver-table-container .driver-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.driver-table-container .driver-table td{padding:12px;border-bottom:1px solid #e0e0e0}.driver-table-container .driver-table tr:last-child td{border-bottom:none}.driver-table-container .driver-table .driver-name-cell{display:flex;align-items:center;gap:12px}.driver-table-container .driver-table .driver-name-cell .driver-avatar{background-color:#1976d2;color:#fff}.driver-table-container .driver-table .driver-name-cell .driver-name{font-weight:500}.driver-table-container .driver-table .driver-name-cell .driver-birth,.driver-table-container .driver-table .sim-info .sim-expiry,.driver-table-container .driver-table .family-relation{font-size:12px;color:#666}.driver-table-container .driver-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.driver-table-container .driver-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.driver-table-container .driver-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.driver-table-container .driver-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.driver-table-container .driver-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.driver-table-container .driver-table .action-column .action-buttons{display:flex;gap:8px}.driver-table-container .driver-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}.driver-table-container .driver-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.driver-table-container .driver-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.driver-table-container .driver-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.driver-table-container .driver-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.driver-table-container .driver-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.driver-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.driver-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:16px;transition:transform .2s,box-shadow .2s}.driver-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.driver-card .driver-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.driver-card .driver-card-header .driver-info{flex:1}.driver-card .driver-card-header .driver-info h6{margin:0;font-size:16px;font-weight:600}.driver-card .driver-card-header .driver-info p{margin:0;font-size:12px;color:#666}.driver-card .driver-card-header .driver-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.driver-card .driver-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.driver-card .driver-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.driver-card .driver-details{margin-bottom:12px}.driver-card .driver-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.driver-card .driver-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.driver-card .driver-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.driver-card .driver-card-actions{display:flex;gap:8px}.driver-card .driver-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}.driver-card .driver-card-actions .btn .btn-icon{font-size:20px}.driver-card .driver-card-actions .btn.btn-primary{color:#1976d2}.driver-card .driver-card-actions .btn.btn-edit{color:#ff9800}.driver-card .driver-card-actions .btn.btn-delete{color:#f44336}.driver-card .driver-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.driver-form,.driver-form .form-step{margin-top:20px}.driver-form .form-step .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.driver-form .form-step .form-row{flex-direction:column;gap:0}}.driver-form .form-step .form-group{flex:1}.driver-form .form-step .form-group label{display:block;margin-bottom:8px;font-weight:500}.driver-form .form-step .form-group input,.driver-form .form-step .form-group select{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.driver-form .form-step .form-group input:focus,.driver-form .form-step .form-group select:focus{outline:none;border-color:#1976d2}.driver-form .form-step .form-group .password-input{position:relative}.driver-form .form-step .form-group .password-input .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666}.driver-form .form-step .form-group .document-upload{display:flex;gap:8px}.driver-form .form-step .form-group .document-upload input{flex:1}.driver-form .form-step .form-group .document-upload button{white-space:nowrap}.driver-dialog .dialog-title,.view-driver-dialog .dialog-title,.upload-dialog .dialog-title,.license-upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.driver-dialog .dialog-title h2,.view-driver-dialog .dialog-title h2,.upload-dialog .dialog-title h2,.license-upload-dialog .dialog-title h2{margin:0}.driver-dialog .MuiDialogContent-root,.view-driver-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root,.license-upload-dialog .MuiDialogContent-root{padding:20px}.driver-dialog .MuiDialogActions-root,.view-driver-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root,.license-upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.view-driver-dialog .info-section{margin-bottom:24px}.view-driver-dialog .info-section .section-title{margin-bottom:12px;color:#1976d2;font-size:18px;font-weight:500}.view-driver-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.view-driver-dialog .info-section .info-grid .info-item .info-label{font-size:14px;color:#666;margin-bottom:4px}.view-driver-dialog .info-section .info-grid .info-item .info-value{font-weight:500}.upload-dialog .upload-form .template-section,.license-upload-dialog .upload-form .template-section{margin-bottom:20px}.upload-dialog .upload-form .file-info,.license-upload-dialog .upload-form .file-info{margin:16px 0;padding:12px;background-color:#f5f5f5;border-radius:4px}.upload-dialog .upload-form .file-info p,.license-upload-dialog .upload-form .file-info p{margin:4px 0;font-size:14px}.upload-dialog .upload-form .excel-format-info,.license-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,.license-upload-dialog .upload-form .excel-format-info h4{margin-top:0;margin-bottom:8px;color:#2196f3}.upload-dialog .upload-form .excel-format-info p,.license-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,.license-upload-dialog .upload-form .excel-format-info p:last-child{margin-bottom:0}.document-preview-container{width:150px;height:150px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.document-preview-container .document-preview-image{width:100%;height:100%;object-fit:cover}.document-preview-container .document-preview-placeholder{color:#666;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.driver-container.dark .driver-table-container,.driver-container.dark .driver-card,.driver-container.dark .driver-dialog,.driver-container.dark .view-driver-dialog,.driver-container.dark .upload-dialog,.driver-container.dark .license-upload-dialog{background-color:#2d2d2d;color:#fff}.driver-container.dark .driver-table th{background-color:#1e1e1e;color:#b0b0b0}.driver-container.dark .driver-table td{border-color:#404040}.driver-container.dark .search-bar input,.driver-container.dark .filter-group select,.driver-container.dark .form-group input,.driver-container.dark .form-group select,.driver-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.driver-container.dark .btn.btn-secondary:hover{background-color:#383838}.driver-container.dark .driver-card .driver-card-footer{border-color:#404040}.driver-container.dark .driver-card .driver-card-actions .btn{background-color:#1e1e1e}.driver-container.dark .driver-card .driver-card-actions .btn:hover{background-color:#323232}.driver-container.dark .driver-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.driver-container.dark .driver-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.driver-container.dark .document-preview-container{border-color:#404040;background-color:#1e1e1e}.driver-container.dark .document-filename-display{background-color:#1e1e1e;border-color:#404040;color:#b0b0b0}.driver-container.dark .document-preview-section .document-preview-container{background-color:#1e1e1e;border-color:#404040}.driver-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.driver-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.driver-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.driver-container.dark .import-preview-dialog .preview-table-container .preview-note,.driver-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.driver-container{padding:16px}.driver-header{flex-direction:column;align-items:flex-start;gap:16px}.driver-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}.driver-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.driver-dialog .MuiDialog-paper,.view-driver-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}.document-preview-container{width:120px;height:120px}}.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}}.fleet-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.fleet-container.dark{background-color:#121212;color:#fff}.fleet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.fleet-header h1{margin:0;font-size:24px;font-weight:600}.fleet-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.fleet-header .header-actions{flex-direction:column;gap:8px}}.fleet-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.fleet-table-container .fleet-table{width:100%;border-collapse:collapse}.fleet-table-container .fleet-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.fleet-table-container .fleet-table td{padding:12px;border-bottom:1px solid #e0e0e0}.fleet-table-container .fleet-table tr:last-child td{border-bottom:none}.fleet-table-container .fleet-table .fleet-name-cell{display:flex;align-items:center;gap:12px}.fleet-table-container .fleet-table .fleet-name-cell .fleet-avatar{background-color:#1976d2;color:#fff}.fleet-table-container .fleet-table .fleet-name-cell .fleet-name{font-weight:500}.fleet-table-container .fleet-table .fleet-name-cell .fleet-type{font-size:12px;color:#666}.fleet-table-container .fleet-table .capacity-info div:first-child{font-weight:500}.fleet-table-container .fleet-table .capacity-info div:last-child{font-size:12px;color:#666}.fleet-table-container .fleet-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.fleet-table-container .fleet-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.fleet-table-container .fleet-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.fleet-table-container .fleet-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.fleet-table-container .fleet-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.fleet-table-container .fleet-table .status-badge.warning{background-color:#ff98001a;color:#ff9800}.fleet-table-container .fleet-table .status-badge.warning.dark{background-color:#ff980033;color:#ffc166}.fleet-table-container .fleet-table .action-column .action-buttons{display:flex;gap:8px}.fleet-table-container .fleet-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}.fleet-table-container .fleet-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.fleet-table-container .fleet-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.fleet-table-container .fleet-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.fleet-table-container .fleet-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.fleet-table-container .fleet-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.fleet-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.fleet-card{padding:16px;transition:transform .2s,box-shadow .2s}.fleet-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.fleet-card .fleet-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fleet-card .fleet-card-header .fleet-info{flex:1}.fleet-card .fleet-card-header .fleet-info h6{margin:0;font-size:16px;font-weight:600}.fleet-card .fleet-card-header .fleet-info p{margin:0;font-size:12px;color:#666}.fleet-card .fleet-card-header .fleet-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.fleet-card .fleet-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.fleet-card .fleet-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.fleet-card .fleet-details{margin-bottom:12px}.fleet-card .fleet-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.fleet-card .fleet-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.fleet-card .fleet-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.fleet-card .fleet-card-actions{display:flex;gap:8px}.fleet-card .fleet-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}.fleet-card .fleet-card-actions .btn .btn-icon{font-size:20px}.fleet-card .fleet-card-actions .btn.btn-primary{color:#1976d2}.fleet-card .fleet-card-actions .btn.btn-edit{color:#ff9800}.fleet-card .fleet-card-actions .btn.btn-delete{color:#f44336}.fleet-card .fleet-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.fleet-form,.fleet-form .form-step{margin-top:20px}.fleet-form .form-step .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.fleet-form .form-step .form-row{flex-direction:column;gap:0}}.fleet-form .form-step .form-group{flex:1}.fleet-form .form-step .form-group label{display:block;margin-bottom:8px;font-weight:500}.fleet-form .form-step .form-group input,.fleet-form .form-step .form-group select{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.fleet-form .form-step .form-group input:focus,.fleet-form .form-step .form-group select:focus{outline:none;border-color:#1976d2}.fleet-form .form-step .form-group .document-upload{display:flex;gap:8px}.fleet-form .form-step .form-group .document-upload input{flex:1}.fleet-form .form-step .form-group .document-upload button{white-space:nowrap}.fleet-dialog .dialog-title,.view-fleet-dialog .dialog-title,.upload-dialog .dialog-title,.document-upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.fleet-dialog .dialog-title h2,.view-fleet-dialog .dialog-title h2,.upload-dialog .dialog-title h2,.document-upload-dialog .dialog-title h2{margin:0}.fleet-dialog .MuiDialogContent-root,.view-fleet-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root,.document-upload-dialog .MuiDialogContent-root{padding:20px}.fleet-dialog .MuiDialogActions-root,.view-fleet-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root,.document-upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.view-fleet-dialog .info-section{margin-bottom:24px}.view-fleet-dialog .info-section .section-title{margin-bottom:12px;color:#1976d2;font-size:18px;font-weight:500}.view-fleet-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.view-fleet-dialog .info-section .info-grid .info-item .info-label{font-size:14px;color:#666;margin-bottom:4px}.view-fleet-dialog .info-section .info-grid .info-item .info-value{color:#333;word-break:break-word}.view-fleet-dialog .info-section .info-grid .info-item .info-value a{color:#1976d2;text-decoration:none}.view-fleet-dialog .info-section .info-grid .info-item .info-value a:hover{text-decoration:underline}.upload-dialog .upload-form .file-info,.document-upload-dialog .upload-form .file-info{margin:16px 0;padding:12px;background-color:#f5f5f5;border-radius:4px}.upload-dialog .upload-form .file-info p,.document-upload-dialog .upload-form .file-info p{margin:4px 0;font-size:14px}.upload-dialog .upload-form .excel-format-info,.document-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,.document-upload-dialog .upload-form .excel-format-info h4{margin-top:0;margin-bottom:8px;color:#2196f3}.upload-dialog .upload-form .excel-format-info p,.document-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,.document-upload-dialog .upload-form .excel-format-info p:last-child{margin-bottom:0}.document-preview-container{width:150px;height:150px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;position:relative}.document-preview-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.document-preview-container.non-image{flex-direction:column;background-color:#f5f5f5;border:2px dashed #ddd}.document-preview-container.non-image .document-type-label{margin-top:8px;font-size:12px;color:#666;text-align:center}.document-preview-container .document-preview-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.document-preview-container .document-preview-image.error{opacity:.5}.document-preview-container .document-preview-placeholder{color:#666;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#f5f5f5;display:none;flex-direction:column}.document-preview-container .document-preview-placeholder span{margin-top:8px;font-size:12px}.document-info{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.document-info .document-filename{font-size:12px;color:#666;word-break:break-all;font-family:monospace}.document-preview-section{margin-top:20px}.document-preview-section h3{margin-bottom:12px;font-size:16px;color:var(--text-primary)}.document-preview-section .document-preview-container{width:100%;max-height:300px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;margin-bottom:12px}.document-preview-section .document-preview-container .document-preview-image{max-width:100%;max-height:300px;object-fit:contain}.document-preview-section .document-preview-container .document-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary);text-align:center}.document-preview-section .document-preview-container .document-preview-placeholder p{margin-top:8px;word-break:break-all}.document-preview-section .file-info p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.document-preview-dialog .loading-preview p{color:var(--text-secondary)}.document-preview-dialog .document-full-preview .document-full-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);text-align:center}.document-preview-dialog .document-full-preview .document-full-preview-placeholder .document-file-name{margin:16px 0;font-family:monospace;background-color:#f5f5f5;padding:8px 12px;border-radius:4px;word-break:break-all;color:#666}.document-preview-dialog .document-full-preview .document-full-preview-placeholder .btn{margin-top:16px}.document-filename-display{flex:1;padding:10px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9f9f9;color:#666;font-family:monospace;word-break:break-all;display:flex;align-items:center;min-height:42px}.document-upload-section{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.document-upload-section h3{margin-bottom:16px;color:#1976d2;font-size:18px;font-weight:500}.document-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.document-upload-area:hover{border-color:#1976d2;background-color:#1976d20a}.uploaded-document{border:1px solid #e0e0e0;border-radius:8px;padding:12px;background-color:#f5f5f5}.uploaded-document .document-info{display:flex;justify-content:space-between;align-items:center}.uploaded-document .document-info .document-name{font-weight:500;color:#333;word-break:break-all;flex:1;margin-right:12px}.uploaded-document .document-info .document-actions{display:flex;gap:8px}.btn-upload-document{width:100%;padding:12px;border:2px dashed #1976d2;background-color:transparent;color:#1976d2;border-radius:8px;font-weight:500;transition:all .3s ease}.btn-upload-document:hover{background-color:#1976d2;color:#fff}.fleet-container.dark .fleet-table-container,.fleet-container.dark .fleet-card,.fleet-container.dark .fleet-dialog,.fleet-container.dark .view-fleet-dialog,.fleet-container.dark .upload-dialog,.fleet-container.dark .document-upload-dialog{background-color:#2d2d2d;color:#fff}.fleet-container.dark .fleet-table th{background-color:#1e1e1e;color:#b0b0b0}.fleet-container.dark .fleet-table td{border-color:#404040}.fleet-container.dark .search-bar input,.fleet-container.dark .filter-group select,.fleet-container.dark .form-group input,.fleet-container.dark .form-group select,.fleet-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.fleet-container.dark .btn.btn-secondary:hover{background-color:#383838}.fleet-container.dark .fleet-card .fleet-card-footer{border-color:#404040}.fleet-container.dark .fleet-card .fleet-card-actions .btn{background-color:#1e1e1e}.fleet-container.dark .fleet-card .fleet-card-actions .btn:hover{background-color:#323232}.fleet-container.dark .fleet-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.fleet-container.dark .fleet-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.fleet-container.dark .document-preview-container{border-color:#404040;background-color:#1e1e1e}.fleet-container.dark .document-preview-container.non-image{background-color:#1e1e1e;border-color:#404040}.fleet-container.dark .document-preview-container.non-image .document-type-label{color:#b0b0b0}.fleet-container.dark .document-filename-display{background-color:#1e1e1e;border-color:#404040;color:#b0b0b0}.fleet-container.dark .document-preview-section .document-preview-container{background-color:#1e1e1e;border-color:#404040}.fleet-container.dark .document-preview-dialog .document-full-preview .document-full-preview-placeholder{color:#b0b0b0}.fleet-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.fleet-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.fleet-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.fleet-container.dark .import-preview-dialog .preview-table-container .preview-note,.fleet-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}.fleet-container.dark .document-upload-section,.fleet-container.dark .document-upload-area{border-color:#404040}.fleet-container.dark .document-upload-area:hover{border-color:#1976d2;background-color:#1976d21a}.fleet-container.dark .uploaded-document{background-color:#1e1e1e;border-color:#404040}@media(max-width:768px){.fleet-container{padding:16px}.fleet-header{flex-direction:column;align-items:flex-start;gap:16px}.fleet-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}.fleet-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.fleet-dialog .MuiDialog-paper,.view-fleet-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}.document-preview-container{width:120px;height:120px}.document-full-preview .document-full-preview-image{max-height:50vh}}.sales-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.sales-container.dark{background-color:#121212;color:#fff}.sales-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sales-header h1{margin:0;font-size:24px;font-weight:600}.sales-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.sales-header .header-actions{flex-direction:column;gap:8px}}.search-and-filters .filter-bar .filter-group select,.search-and-filters .filter-bar .filter-group input{padding:8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.search-and-filters .filter-bar .filter-group select:focus,.search-and-filters .filter-bar .filter-group input:focus{outline:none;border-color:#1976d2}.search-and-filters .filter-bar .filter-group select.status-filter.dark,.search-and-filters .filter-bar .filter-group input.status-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 input.status-filter.dark option{background-color:#1e1e1e;color:#fff}.sales-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sales-table-container .sales-table{width:100%;border-collapse:collapse}.sales-table-container .sales-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.sales-table-container .sales-table td{padding:12px;border-bottom:1px solid #e0e0e0}.sales-table-container .sales-table tr:last-child td{border-bottom:none}.sales-table-container .sales-table .sales-name-cell{display:flex;align-items:center;gap:12px}.sales-table-container .sales-table .sales-name-cell .sales-avatar{background-color:#1976d2;color:#fff}.sales-table-container .sales-table .sales-name-cell .sales-name{font-weight:500}.sales-table-container .sales-table .sales-name-cell .sales-gender{font-size:12px;color:#666}.sales-table-container .sales-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.sales-table-container .sales-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.sales-table-container .sales-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.sales-table-container .sales-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.sales-table-container .sales-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.sales-table-container .sales-table .action-column .action-buttons{display:flex;gap:8px}.sales-table-container .sales-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}.sales-table-container .sales-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.sales-table-container .sales-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.sales-table-container .sales-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.sales-table-container .sales-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.sales-table-container .sales-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.sales-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.sales-card{padding:16px;transition:transform .2s,box-shadow .2s}.sales-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.sales-card .sales-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sales-card .sales-card-header .sales-info{flex:1}.sales-card .sales-card-header .sales-info h6{margin:0;font-size:16px;font-weight:600}.sales-card .sales-card-header .sales-info p{margin:0;font-size:12px;color:#666}.sales-card .sales-card-header .sales-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.sales-card .sales-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.sales-card .sales-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.sales-card .sales-details{margin-bottom:12px}.sales-card .sales-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.sales-card .sales-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.sales-card .sales-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.sales-card .sales-card-actions{display:flex;gap:8px}.sales-card .sales-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}.sales-card .sales-card-actions .btn .btn-icon{font-size:20px}.sales-card .sales-card-actions .btn.btn-primary{color:#1976d2}.sales-card .sales-card-actions .btn.btn-edit{color:#ff9800}.sales-card .sales-card-actions .btn.btn-delete{color:#f44336}.sales-card .sales-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.sales-form,.sales-form .form-step{margin-top:20px}.sales-form .form-step .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.sales-form .form-step .form-row{flex-direction:column;gap:0}}.sales-form .form-step .form-group{flex:1}.sales-form .form-step .form-group.full-width{width:100%}.sales-form .form-step .form-group label{display:block;margin-bottom:8px;font-weight:500}.sales-form .form-step .form-group input,.sales-form .form-step .form-group select,.sales-form .form-step .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.sales-form .form-step .form-group input:focus,.sales-form .form-step .form-group select:focus,.sales-form .form-step .form-group textarea:focus{outline:none;border-color:#1976d2}.sales-dialog .dialog-title,.view-sales-dialog .dialog-title,.upload-dialog .dialog-title,.import-preview-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.sales-dialog .dialog-title h2,.view-sales-dialog .dialog-title h2,.upload-dialog .dialog-title h2,.import-preview-dialog .dialog-title h2{margin:0}.sales-dialog .MuiDialogContent-root,.view-sales-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root,.import-preview-dialog .MuiDialogContent-root{padding:20px}.sales-dialog .MuiDialogActions-root,.view-sales-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root,.import-preview-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.view-sales-dialog .info-section{margin-bottom:24px}.view-sales-dialog .info-section .section-title{margin-bottom:12px;color:#1976d2;font-size:18px;font-weight:500}.view-sales-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.view-sales-dialog .info-section .info-grid .info-item .info-label{font-size:14px;color:#666;margin-bottom:4px}.view-sales-dialog .info-section .info-grid .info-item .info-value{color:#333;word-break:break-word}.sales-container.dark .sales-table-container,.sales-container.dark .sales-card,.sales-container.dark .sales-dialog,.sales-container.dark .view-sales-dialog,.sales-container.dark .upload-dialog,.sales-container.dark .import-preview-dialog{background-color:#2d2d2d;color:#fff}.sales-container.dark .sales-table th{background-color:#1e1e1e;color:#b0b0b0}.sales-container.dark .sales-table td{border-color:#404040}.sales-container.dark .search-bar input,.sales-container.dark .filter-group select,.sales-container.dark .filter-group input,.sales-container.dark .form-group input,.sales-container.dark .form-group select,.sales-container.dark .form-group textarea,.sales-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.sales-container.dark .btn.btn-secondary:hover{background-color:#383838}.sales-container.dark .sales-card .sales-card-footer{border-color:#404040}.sales-container.dark .sales-card .sales-card-actions .btn{background-color:#1e1e1e}.sales-container.dark .sales-card .sales-card-actions .btn:hover{background-color:#323232}.sales-container.dark .sales-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.sales-container.dark .sales-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.sales-container.dark .upload-dialog .upload-form .file-info{background-color:#1e1e1e}.sales-container.dark .upload-dialog .upload-form .excel-format-info{background-color:#2196f31a}.sales-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.sales-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.sales-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.sales-container.dark .import-preview-dialog .preview-table-container .preview-note,.sales-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.sales-container{padding:16px}.sales-header{flex-direction:column;align-items:flex-start;gap:16px}.sales-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}.sales-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.sales-dialog .MuiDialog-paper,.view-sales-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}}.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 .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 .MuiDivider-root{border-color:#21262d}.price-form{padding:0 24px 24px}.price-form .form-step{margin-top:24px;animation:fadeIn .3s ease-in-out}.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.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}}.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: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}.customer-container.dark{background-color:#0d1117;color:#e6edf3}.customer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.customer-header h1{font-size:24px;font-weight:700;color:inherit;letter-spacing:-.5px;margin:0}.customer-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")}.customer-table-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #091e4214;overflow:hidden}.dark .customer-table-container{background-color:#161b22;border:1px solid #30363d}.customer-table-container .customer-table{width:100%;border-collapse:collapse}.customer-table-container .customer-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 .customer-table-container .customer-table th{background-color:#0d1117;color:#8b949e;border-bottom-color:#30363d}.customer-table-container .customer-table th.action-header{text-align:center}.customer-table-container .customer-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 .customer-table-container .customer-table td{border-bottom-color:#30363d}.customer-table-container .customer-table tbody tr:hover{background-color:#f0f7ff}.dark .customer-table-container .customer-table tbody tr:hover{background-color:#ffffff08}.customer-table-container .customer-table .customer-name-cell{display:flex;align-items:center;gap:12px}.customer-table-container .customer-table .customer-name-cell .customer-avatar{width:38px;height:38px;background-color:#1976d21a;color:#1976d2;font-weight:700}.dark .customer-table-container .customer-table .customer-name-cell .customer-avatar{background-color:#1976d233}.customer-table-container .customer-table .customer-name-cell .customer-name{font-weight:600;color:#172b4d}.dark .customer-table-container .customer-table .customer-name-cell .customer-name{color:#e6edf3}.customer-table-container .customer-table .customer-name-cell .customer-address{font-size:12px;color:#6b778c;margin-top:2px}.dark .customer-table-container .customer-table .customer-name-cell .customer-address{color:#8b949e}.customer-table-container .customer-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}.customer-table-container .customer-table .status-badge.aktif{background-color:#2e7d32}.customer-table-container .customer-table .status-badge.tidak-aktif{background-color:#d32f2f}.dark .customer-table-container .customer-table .status-badge{box-shadow:0 2px 4px #0003}.customer-table-container .customer-table .action-column{text-align:center}.customer-table-container .customer-table .action-column .action-buttons{display:inline-flex;gap:6px;justify-content:center}.customer-table-container .customer-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)}.customer-table-container .customer-table .action-column .action-buttons button:hover{background-color:#1976d21a;color:#1976d2}.customer-table-container .customer-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}.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-active text{fill:#fff}.MuiStepper-root .MuiStepIcon-root.Mui-completed{color:#2e7d32}.MuiStepper-root .MuiStepConnector-line{border-color:#dfe1e6}.dark .MuiStepper-root .MuiStepConnector-line{border-color:#30363d}.customer-form{padding:0 24px 24px}.customer-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)}}.customer-form .form-row{display:flex;gap:20px;margin-bottom:0}@media(max-width:768px){.customer-form .form-row{flex-direction:column;gap:0}}.customer-form .form-group{margin-bottom:20px;flex:1;display:flex;flex-direction:column}.customer-form .form-group.full-width{flex:100%}.customer-form .form-group label{display:block;font-size:13px;font-weight:600;color:#6b778c;margin-bottom:8px}.dark .customer-form .form-group label{color:#8b949e}.customer-form .form-group input,.customer-form .form-group select,.customer-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}.customer-form .form-group input:focus,.customer-form .form-group select:focus,.customer-form .form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.customer-form .form-group input:disabled,.customer-form .form-group select:disabled,.customer-form .form-group textarea:disabled{background-color:#f5f5f5;color:#6b778c;cursor:not-allowed}.dark .customer-form .form-group input,.dark .customer-form .form-group select,.dark .customer-form .form-group textarea{background-color:#21262d;border-color:#30363d;color:#e6edf3}.customer-form .form-group .document-upload{display:flex;gap:8px;align-items:center}.customer-form .form-group .document-filename-display{flex:1;padding:12px 14px;border:1px solid #dfe1e6;border-radius:6px;background-color:#f4f6f8;color:#6b778c;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .customer-form .form-group .document-filename-display{background-color:#0d1117;border-color:#30363d;color:#8b949e}.customer-form .form-info-message{margin:16px 0}.view-customer-dialog .info-section{margin-bottom:32px}.view-customer-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-customer-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}@media(max-width:600px){.view-customer-dialog .info-section .info-grid{grid-template-columns:1fr}}.view-customer-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-customer-dialog .info-section .info-grid .info-item{border-bottom-color:#30363d80}.view-customer-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-customer-dialog .info-section .info-grid .info-item .info-label{color:#8b949e}.view-customer-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-customer-dialog .info-section .info-grid .info-item .info-value{color:#e6edf3}.view-customer-dialog .info-section .info-grid .info-item.full-width{grid-column:1/-1;flex-direction:column;align-items:flex-start;border-bottom:none}.view-customer-dialog .info-section .info-grid .info-item.full-width .info-label{margin-bottom:4px}.view-customer-dialog .info-section .info-grid .info-item.full-width .info-value{text-align:left;margin-left:0;margin-top:4px;width:100%}.document-list-container{display:flex;flex-direction:column;gap:16px}.document-list-container .no-docs-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#6b778c;background-color:#f4f6f8;border-radius:10px;border:1px dashed #dfe1e6}.dark .document-list-container .no-docs-placeholder{background-color:#0d1117;color:#8b949e;border-color:#30363d}.document-list-container .no-docs-placeholder p{margin:8px 0 0;font-size:14px}.document-list-item{display:flex;align-items:center;gap:16px;padding:12px;background-color:#f4f6f8;border:1px solid #dfe1e6;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .document-list-item{background-color:#21262d;border-color:#30363d}.document-list-item:hover{border-color:#1976d280;box-shadow:0 2px 8px #0000000d}.dark .document-list-item:hover{border-color:#1976d24d;box-shadow:0 2px 8px #0003}.document-list-item .doc-thumbnail{width:64px;height:64px;min-width:64px;border-radius:6px;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #ebecf0}.dark .document-list-item .doc-thumbnail{background-color:#161b22;border-color:#30363d}.document-list-item .doc-thumbnail img{width:100%;height:100%;object-fit:cover}.document-list-item .doc-thumbnail .file-icon-fallback{font-size:32px;color:#6b778c}.dark .document-list-item .doc-thumbnail .file-icon-fallback{color:#8b949e}.document-list-item .doc-details{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}@media(max-width:600px){.document-list-item .doc-details{flex-direction:column;align-items:flex-start}.document-list-item .doc-details .doc-actions{margin-top:8px;width:100%}}.document-list-item .doc-details .doc-meta{display:flex;flex-direction:column;gap:4px;overflow:hidden}.document-list-item .doc-details .doc-meta .doc-label{font-size:13px;font-weight:700;color:#1976d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-list-item .doc-details .doc-meta .doc-filename{font-size:12px;color:#6b778c;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .document-list-item .doc-details .doc-meta .doc-filename{color:#8b949e}.document-list-item .doc-details .doc-actions{flex-shrink:0}.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}.upload-dialog .file-info,.document-upload-dialog .file-info{margin-top:10px;padding:12px;background-color:#f4f6f8;border-radius:6px;font-size:13px}.dark .upload-dialog .file-info,.dark .document-upload-dialog .file-info{background-color:#21262d}.upload-dialog .excel-format-info,.document-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,.dark .document-upload-dialog .excel-format-info{background-color:#ed6c021a}.upload-dialog .excel-format-info h4,.document-upload-dialog .excel-format-info h4{margin:0 0 8px;font-size:14px}.upload-dialog .excel-format-info p,.document-upload-dialog .excel-format-info p{margin:0;font-size:13px;color:#6b778c}.dark .upload-dialog .excel-format-info p,.dark .document-upload-dialog .excel-format-info p{color:#8b949e}.upload-dialog .template-section,.document-upload-dialog .template-section{margin-bottom:20px}.upload-dialog .document-preview-section,.document-upload-dialog .document-preview-section{margin-top:20px}.upload-dialog .document-preview-section h3,.document-upload-dialog .document-preview-section h3{font-size:16px;margin-bottom:12px}.upload-dialog .document-preview-section .document-preview-container,.document-upload-dialog .document-preview-section .document-preview-container{width:100%;max-height:300px;display:flex;justify-content:center;align-items:center;background-color:#f4f6f8;border:1px solid #dfe1e6;border-radius:6px;margin-bottom:12px;overflow:hidden}.dark .upload-dialog .document-preview-section .document-preview-container,.dark .document-upload-dialog .document-preview-section .document-preview-container{background-color:#21262d;border-color:#30363d}.upload-dialog .document-preview-section .document-preview-container .document-preview-image,.document-upload-dialog .document-preview-section .document-preview-container .document-preview-image{max-width:100%;max-height:300px;object-fit:contain}.upload-dialog .document-preview-section .document-preview-container .document-preview-placeholder,.document-upload-dialog .document-preview-section .document-preview-container .document-preview-placeholder{padding:20px;text-align:center;color:#6b778c}.dark .upload-dialog .document-preview-section .document-preview-container .document-preview-placeholder,.dark .document-upload-dialog .document-preview-section .document-preview-container .document-preview-placeholder{color:#8b949e}.upload-dialog .document-preview-section .file-info p,.document-upload-dialog .document-preview-section .file-info p{margin:4px 0;font-size:14px;color:#6b778c}.dark .upload-dialog .document-preview-section .file-info p,.dark .document-upload-dialog .document-preview-section .file-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}.import-preview-dialog .preview-table-container .preview-note{margin-top:12px;text-align:center;color:#6b778c;font-style:italic;font-size:13px}.dark .import-preview-dialog .preview-table-container .preview-note{color:#8b949e}.import-preview-dialog .preview-table-container .preview-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b778c}.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#8b949e}.document-preview-dialog .loading-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.document-preview-dialog .loading-preview p{color:#6b778c}.dark .document-preview-dialog .loading-preview p{color:#8b949e}.document-preview-dialog .document-full-preview{display:flex;justify-content:center;align-items:center;min-height:400px}.document-preview-dialog .document-full-preview .document-full-preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000001a}.document-preview-dialog .document-full-preview .document-full-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b778c;text-align:center}.dark .document-preview-dialog .document-full-preview .document-full-preview-placeholder{color:#8b949e}.document-preview-dialog .document-full-preview .document-full-preview-placeholder p{margin:16px 0;font-size:16px}.document-preview-dialog .document-full-preview .document-full-preview-placeholder .document-file-name{margin:16px 0;font-family:monospace;background-color:#f4f6f8;padding:8px 12px;border-radius:4px;word-break:break-all;color:#666}.dark .document-preview-dialog .document-full-preview .document-full-preview-placeholder .document-file-name{background-color:#0d1117}@media(max-width:768px){.customer-container{padding:16px 16px 100px}.customer-table-container{background-color:transparent;box-shadow:none;border:none}.customer-table-container .customer-table thead{display:none}.customer-table-container .customer-table tbody{display:flex;flex-direction:column;gap:12px}.customer-table-container .customer-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 .customer-table-container .customer-table tbody tr{background-color:#161b22;border:1px solid #30363d}.customer-table-container .customer-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 .customer-table-container .customer-table tbody tr td{border-bottom-color:#30363d80}.customer-table-container .customer-table tbody tr td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6b778c;text-transform:uppercase}.dark .customer-table-container .customer-table tbody tr td:before{color:#8b949e}.customer-table-container .customer-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}.customer-table-container .customer-table tbody tr td:nth-child(1):before{display:none}.customer-table-container .customer-table tbody tr td:nth-child(1) .customer-name-cell{margin-bottom:4px}.customer-table-container .customer-table tbody tr td:nth-child(1) .customer-name-cell .customer-name{font-size:16px}.customer-table-container .customer-table tbody tr td.action-column{border-bottom:none;justify-content:flex-end;padding-top:12px;margin-top:4px}.customer-table-container .customer-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}}.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}.product-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.product-container.dark{background-color:#121212;color:#fff}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.product-header h1{margin:0;font-size:24px;font-weight:600}.product-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.product-header .header-actions{flex-direction:column;gap:8px}}.search-and-filters .filter-bar .filter-group select.status-filter.dark,.search-and-filters .filter-bar .filter-group select.category-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.category-filter.dark option{background-color:#1e1e1e;color:#fff}.product-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-table-container .product-table{width:100%;border-collapse:collapse}.product-table-container .product-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.product-table-container .product-table td{padding:12px;border-bottom:1px solid #e0e0e0}.product-table-container .product-table tr:last-child td{border-bottom:none}.product-table-container .product-table .product-name-cell{display:flex;align-items:center;gap:12px}.product-table-container .product-table .product-name-cell .product-avatar{background-color:#1976d2;color:#fff}.product-table-container .product-table .product-name-cell .product-name{font-weight:500}.product-table-container .product-table .product-name-cell .product-company{font-size:12px;color:#666}.product-table-container .product-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.product-table-container .product-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.product-table-container .product-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.product-table-container .product-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.product-table-container .product-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.product-table-container .product-table .action-column .action-buttons{display:flex;gap:8px}.product-table-container .product-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}.product-table-container .product-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.product-table-container .product-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.product-table-container .product-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.product-table-container .product-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.product-table-container .product-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.product-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{padding:16px;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.product-card .product-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-card .product-card-header .product-info{flex:1}.product-card .product-card-header .product-info h6{margin:0;font-size:16px;font-weight:600}.product-card .product-card-header .product-info p{margin:0;font-size:12px;color:#666}.product-card .product-card-header .product-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.product-card .product-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.product-card .product-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.product-card .product-details{margin-bottom:12px}.product-card .product-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.product-card .product-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.product-card .product-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.product-card .product-card-actions{display:flex;gap:8px}.product-card .product-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}.product-card .product-card-actions .btn .btn-icon{font-size:20px}.product-card .product-card-actions .btn.btn-primary{color:#1976d2}.product-card .product-card-actions .btn.btn-edit{color:#ff9800}.product-card .product-card-actions .btn.btn-delete{color:#f44336}.product-card .product-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.product-form,.product-form .form-step{margin-top:20px}.product-form .form-step .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.product-form .form-step .form-row{flex-direction:column;gap:0}}.product-form .form-step .form-group{flex:1}.product-form .form-step .form-group label{display:block;margin-bottom:8px;font-weight:500}.product-form .form-step .form-group input,.product-form .form-step .form-group select,.product-form .form-step .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.product-form .form-step .form-group input:focus,.product-form .form-step .form-group select:focus,.product-form .form-step .form-group textarea:focus{outline:none;border-color:#1976d2}.product-form .form-step .form-group textarea{resize:vertical;min-height:80px}.product-form .form-step .form-group .image-upload{display:flex;gap:8px}.product-form .form-step .form-group .image-upload input{flex:1}.product-form .form-step .form-group .image-upload button{white-space:nowrap}.product-dialog .dialog-title,.view-product-dialog .dialog-title,.upload-dialog .dialog-title,.image-upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.product-dialog .dialog-title h2,.view-product-dialog .dialog-title h2,.upload-dialog .dialog-title h2,.image-upload-dialog .dialog-title h2{margin:0}.product-dialog .MuiDialogContent-root,.view-product-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root,.image-upload-dialog .MuiDialogContent-root{padding:20px}.product-dialog .MuiDialogActions-root,.view-product-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root,.image-upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.view-product-dialog .info-section{margin-bottom:24px}.view-product-dialog .info-section .section-title{margin-bottom:12px;color:#1976d2;font-size:18px;font-weight:500}.view-product-dialog .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.view-product-dialog .info-section .info-grid .info-item .info-label{font-size:14px;color:#666;margin-bottom:4px}.view-product-dialog .info-section .info-grid .info-item .info-value{color:#333;word-break:break-word}.view-product-dialog .info-section .info-grid .info-item .info-value a{color:#1976d2;text-decoration:none}.view-product-dialog .info-section .info-grid .info-item .info-value a:hover{text-decoration:underline}.upload-dialog .upload-form .file-info,.image-upload-dialog .upload-form .file-info{margin:16px 0;padding:12px;background-color:#f5f5f5;border-radius:4px}.upload-dialog .upload-form .file-info p,.image-upload-dialog .upload-form .file-info p{margin:4px 0;font-size:14px}.upload-dialog .upload-form .excel-format-info,.image-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,.image-upload-dialog .upload-form .excel-format-info h4{margin-top:0;margin-bottom:8px;color:#2196f3}.upload-dialog .upload-form .excel-format-info p,.image-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,.image-upload-dialog .upload-form .excel-format-info p:last-child{margin-bottom:0}.image-preview-container{width:150px;height:150px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;position:relative}.image-preview-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.image-preview-container .image-preview-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.image-preview-container .image-preview-image.error{opacity:.5}.image-preview-container .image-preview-placeholder{color:#666;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#f5f5f5;display:none;flex-direction:column}.image-preview-container .image-preview-placeholder span{margin-top:8px;font-size:12px}.image-info{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.image-info .image-filename{font-size:12px;color:#666;word-break:break-all;font-family:monospace}.info-item.full-width{grid-column:1/-1}.form-info-message{margin:16px 0}.form-info-message .MuiAlert-root{border-radius:8px}.image-preview-section{margin-top:20px}.image-preview-section h3{margin-bottom:12px;font-size:16px;color:var(--text-primary)}.image-preview-section .image-preview-container{width:100%;max-height:300px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;margin-bottom:12px}.image-preview-section .image-preview-container .image-preview-image{max-width:100%;max-height:300px;object-fit:contain}.image-preview-section .image-preview-container .image-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary);text-align:center}.image-preview-section .image-preview-container .image-preview-placeholder p{margin-top:8px;word-break:break-all}.image-preview-section .file-info p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.image-preview-dialog .loading-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.image-preview-dialog .loading-preview p{color:var(--text-secondary)}.image-preview-dialog .image-full-preview{display:flex;justify-content:center;align-items:center;min-height:400px}.image-preview-dialog .image-full-preview .image-full-preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000001a}.image-filename-display{flex:1;padding:10px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9f9f9;color:#666;font-family:monospace;word-break:break-all;display:flex;align-items:center;min-height:42px}.product-container.dark .product-table-container,.product-container.dark .product-card,.product-container.dark .product-dialog,.product-container.dark .view-product-dialog,.product-container.dark .upload-dialog,.product-container.dark .image-upload-dialog{background-color:#2d2d2d;color:#fff}.product-container.dark .product-table th{background-color:#1e1e1e;color:#b0b0b0}.product-container.dark .product-table td{border-color:#404040}.product-container.dark .search-bar input,.product-container.dark .filter-group select,.product-container.dark .form-group input,.product-container.dark .form-group select,.product-container.dark .form-group textarea,.product-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.product-container.dark .btn.btn-secondary:hover{background-color:#383838}.product-container.dark .product-card .product-card-footer{border-color:#404040}.product-container.dark .product-card .product-card-actions .btn{background-color:#1e1e1e}.product-container.dark .product-card .product-card-actions .btn:hover{background-color:#323232}.product-container.dark .product-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.product-container.dark .product-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.product-container.dark .image-preview-container{border-color:#404040;background-color:#1e1e1e}.product-container.dark .image-filename-display{background-color:#1e1e1e;border-color:#404040;color:#b0b0b0}.product-container.dark .image-preview-section .image-preview-container{background-color:#1e1e1e;border-color:#404040}.product-container.dark .image-preview-dialog .image-full-preview .image-full-preview-placeholder{color:#b0b0b0}.product-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.product-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.product-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.product-container.dark .import-preview-dialog .preview-table-container .preview-note,.product-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.product-container{padding:16px}.product-header{flex-direction:column;align-items:flex-start;gap:16px}.product-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}.product-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.product-dialog .MuiDialog-paper,.view-product-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}.image-preview-container{width:120px;height:120px}.image-full-preview .image-full-preview-image{max-height:50vh}}*{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:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.uomtype-container.dark{background-color:#121212;color:#fff}.uomtype-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.uomtype-header h1{margin:0;font-size:24px;font-weight:600}.uomtype-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.uomtype-header .header-actions{flex-direction:column;gap:8px}}.uomtype-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.uomtype-table-container .uomtype-table{width:100%;border-collapse:collapse}.uomtype-table-container .uomtype-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.uomtype-table-container .uomtype-table td{padding:12px;border-bottom:1px solid #e0e0e0}.uomtype-table-container .uomtype-table tr:last-child td{border-bottom:none}.uomtype-table-container .uomtype-table .uomtype-name-cell{display:flex;align-items:center;gap:12px}.uomtype-table-container .uomtype-table .uomtype-name-cell .uomtype-avatar{background-color:#1976d2;color:#fff}.uomtype-table-container .uomtype-table .uomtype-name-cell .uomtype-name{font-weight:500}.uomtype-table-container .uomtype-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.uomtype-table-container .uomtype-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.uomtype-table-container .uomtype-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.uomtype-table-container .uomtype-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.uomtype-table-container .uomtype-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.uomtype-table-container .uomtype-table .action-column .action-buttons{display:flex;gap:8px}.uomtype-table-container .uomtype-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}.uomtype-table-container .uomtype-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.uomtype-table-container .uomtype-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.uomtype-table-container .uomtype-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.uomtype-table-container .uomtype-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.uomtype-table-container .uomtype-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.uomtype-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.uomtype-card{padding:16px;transition:transform .2s,box-shadow .2s}.uomtype-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.uomtype-card .uomtype-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.uomtype-card .uomtype-card-header .uomtype-info{flex:1}.uomtype-card .uomtype-card-header .uomtype-info h6{margin:0;font-size:16px;font-weight:600}.uomtype-card .uomtype-card-header .uomtype-info p{margin:0;font-size:12px;color:#666}.uomtype-card .uomtype-card-header .uomtype-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.uomtype-card .uomtype-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.uomtype-card .uomtype-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.uomtype-card .uomtype-details{margin-bottom:12px}.uomtype-card .uomtype-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.uomtype-card .uomtype-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.uomtype-card .uomtype-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.uomtype-card .uomtype-card-actions{display:flex;gap:8px}.uomtype-card .uomtype-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}.uomtype-card .uomtype-card-actions .btn .btn-icon{font-size:20px}.uomtype-card .uomtype-card-actions .btn.btn-primary{color:#1976d2}.uomtype-card .uomtype-card-actions .btn.btn-edit{color:#ff9800}.uomtype-card .uomtype-card-actions .btn.btn-delete{color:#f44336}.uomtype-card .uomtype-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.uomtype-form,.uomtype-view-form{margin-top:20px}.uomtype-form .form-row,.uomtype-view-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.uomtype-form .form-row,.uomtype-view-form .form-row{flex-direction:column;gap:0}}.uomtype-form .form-group,.uomtype-view-form .form-group{flex:1}.uomtype-form .form-group label,.uomtype-view-form .form-group label{display:block;margin-bottom:8px;font-weight:500}.uomtype-form .form-group input,.uomtype-form .form-group select,.uomtype-form .form-group textarea,.uomtype-view-form .form-group input,.uomtype-view-form .form-group select,.uomtype-view-form .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.uomtype-form .form-group input:focus,.uomtype-form .form-group select:focus,.uomtype-form .form-group textarea:focus,.uomtype-view-form .form-group input:focus,.uomtype-view-form .form-group select:focus,.uomtype-view-form .form-group textarea:focus{outline:none;border-color:#1976d2}.uomtype-form .form-group textarea,.uomtype-view-form .form-group textarea{resize:vertical}.uomtype-form .form-group.full-width,.uomtype-view-form .form-group.full-width{flex-basis:100%}.uomtype-dialog .dialog-title,.view-uomtype-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.uomtype-dialog .dialog-title h2,.view-uomtype-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.uomtype-dialog .MuiDialogContent-root,.view-uomtype-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.uomtype-dialog .MuiDialogActions-root,.view-uomtype-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.uomtype-container.dark .uomtype-table-container,.uomtype-container.dark .uomtype-card,.uomtype-container.dark .uomtype-dialog,.uomtype-container.dark .view-uomtype-dialog,.uomtype-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.uomtype-container.dark .uomtype-table th{background-color:#1e1e1e;color:#b0b0b0}.uomtype-container.dark .uomtype-table td{border-color:#404040}.uomtype-container.dark .search-bar input,.uomtype-container.dark .filter-group select,.uomtype-container.dark .form-group input,.uomtype-container.dark .form-group select,.uomtype-container.dark .form-group textarea,.uomtype-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.uomtype-container.dark .btn.btn-secondary:hover{background-color:#383838}.uomtype-container.dark .uomtype-card .uomtype-card-footer{border-color:#404040}.uomtype-container.dark .uomtype-card .uomtype-card-actions .btn{background-color:#1e1e1e}.uomtype-container.dark .uomtype-card .uomtype-card-actions .btn:hover{background-color:#323232}.uomtype-container.dark .uomtype-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.uomtype-container.dark .uomtype-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.uomtype-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.uomtype-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.uomtype-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.uomtype-container.dark .import-preview-dialog .preview-table-container .preview-note,.uomtype-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.uomtype-container{padding:16px}.uomtype-header{flex-direction:column;align-items:flex-start;gap:16px}.uomtype-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}.uomtype-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.uomtype-dialog .MuiDialog-paper,.view-uomtype-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}}.weightuom-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.weightuom-container.dark{background-color:#121212;color:#fff}.weightuom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.weightuom-header h1{margin:0;font-size:24px;font-weight:600}.weightuom-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.weightuom-header .header-actions{flex-direction:column;gap:8px}}.weightuom-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.weightuom-table-container .weightuom-table{width:100%;border-collapse:collapse}.weightuom-table-container .weightuom-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.weightuom-table-container .weightuom-table td{padding:12px;border-bottom:1px solid #e0e0e0}.weightuom-table-container .weightuom-table tr:last-child td{border-bottom:none}.weightuom-table-container .weightuom-table .weightuom-name-cell{display:flex;align-items:center;gap:12px}.weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-avatar{background-color:#1976d2;color:#fff}.weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-name{font-weight:500}.weightuom-table-container .weightuom-table .weightuom-name-cell .weightuom-code{font-size:12px;color:#666}.weightuom-table-container .weightuom-table .no-description{color:#999;font-style:italic}.weightuom-table-container .weightuom-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.weightuom-table-container .weightuom-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.weightuom-table-container .weightuom-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.weightuom-table-container .weightuom-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.weightuom-table-container .weightuom-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.weightuom-table-container .weightuom-table .action-column .action-buttons{display:flex;gap:8px}.weightuom-table-container .weightuom-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}.weightuom-table-container .weightuom-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.weightuom-table-container .weightuom-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.weightuom-table-container .weightuom-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.weightuom-table-container .weightuom-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.weightuom-table-container .weightuom-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.weightuom-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.weightuom-card{padding:16px;transition:transform .2s,box-shadow .2s}.weightuom-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.weightuom-card .weightuom-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weightuom-card .weightuom-card-header .weightuom-info{flex:1}.weightuom-card .weightuom-card-header .weightuom-info h6{margin:0;font-size:16px;font-weight:600}.weightuom-card .weightuom-card-header .weightuom-info p{margin:0;font-size:12px;color:#666}.weightuom-card .weightuom-card-header .weightuom-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.weightuom-card .weightuom-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.weightuom-card .weightuom-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.weightuom-card .weightuom-details{margin-bottom:12px}.weightuom-card .weightuom-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.weightuom-card .weightuom-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.weightuom-card .weightuom-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.weightuom-card .weightuom-card-actions{display:flex;gap:8px}.weightuom-card .weightuom-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}.weightuom-card .weightuom-card-actions .btn .btn-icon{font-size:20px}.weightuom-card .weightuom-card-actions .btn.btn-primary{color:#1976d2}.weightuom-card .weightuom-card-actions .btn.btn-edit{color:#ff9800}.weightuom-card .weightuom-card-actions .btn.btn-delete{color:#f44336}.weightuom-card .weightuom-card-actions .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.weightuom-form,.weightuom-view-form{margin-top:20px}.weightuom-form .form-row,.weightuom-view-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.weightuom-form .form-row,.weightuom-view-form .form-row{flex-direction:column;gap:0}}.weightuom-form .form-group,.weightuom-view-form .form-group{flex:1}.weightuom-form .form-group label,.weightuom-view-form .form-group label{display:block;margin-bottom:8px;font-weight:500}.weightuom-form .form-group input,.weightuom-form .form-group select,.weightuom-form .form-group textarea,.weightuom-view-form .form-group input,.weightuom-view-form .form-group select,.weightuom-view-form .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.weightuom-form .form-group input:focus,.weightuom-form .form-group select:focus,.weightuom-form .form-group textarea:focus,.weightuom-view-form .form-group input:focus,.weightuom-view-form .form-group select:focus,.weightuom-view-form .form-group textarea:focus{outline:none;border-color:#1976d2}.weightuom-form .form-group textarea,.weightuom-view-form .form-group textarea{resize:vertical}.weightuom-form .form-group.full-width,.weightuom-view-form .form-group.full-width{flex-basis:100%}.weightuom-dialog .dialog-title,.view-weightuom-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.weightuom-dialog .dialog-title h2,.view-weightuom-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.weightuom-dialog .MuiDialogContent-root,.view-weightuom-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.weightuom-dialog .MuiDialogActions-root,.view-weightuom-dialog .MuiDialogActions-root,.upload-dialog .MuiDialogActions-root{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px}.weightuom-container.dark .weightuom-table-container,.weightuom-container.dark .weightuom-card,.weightuom-container.dark .weightuom-dialog,.weightuom-container.dark .view-weightuom-dialog,.weightuom-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.weightuom-container.dark .weightuom-table th{background-color:#1e1e1e;color:#b0b0b0}.weightuom-container.dark .weightuom-table td{border-color:#404040}.weightuom-container.dark .search-bar input,.weightuom-container.dark .filter-group select,.weightuom-container.dark .form-group input,.weightuom-container.dark .form-group select,.weightuom-container.dark .form-group textarea,.weightuom-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.weightuom-container.dark .btn.btn-secondary:hover{background-color:#383838}.weightuom-container.dark .weightuom-card .weightuom-card-footer{border-color:#404040}.weightuom-container.dark .weightuom-card .weightuom-card-actions .btn{background-color:#1e1e1e}.weightuom-container.dark .weightuom-card .weightuom-card-actions .btn:hover{background-color:#323232}.weightuom-container.dark .weightuom-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.weightuom-container.dark .weightuom-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.weightuom-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.weightuom-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.weightuom-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.weightuom-container.dark .import-preview-dialog .preview-table-container .preview-note,.weightuom-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.weightuom-container{padding:16px}.weightuom-header{flex-direction:column;align-items:flex-start;gap:16px}.weightuom-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}.weightuom-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.weightuom-dialog .MuiDialog-paper,.view-weightuom-dialog .MuiDialog-paper{margin:0;height:100%;max-height:100%;max-width:100%;border-radius:0}}.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}}.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 .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}.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)}.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}.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}}.location-container{padding:20px;max-width:2000px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.location-container.dark{background-color:#121212;color:#fff}.location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.location-header h1{margin:0;font-size:24px;font-weight:600}.location-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.location-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.partner-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.partner-filter.dark option{background-color:#1e1e1e;color:#fff}.search-and-filters .filter-bar .view-toggle{display:flex;gap:4px}.location-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.location-table-container .location-table{width:100%;border-collapse:collapse}.location-table-container .location-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.location-table-container .location-table td{padding:12px;border-bottom:1px solid #e0e0e0}.location-table-container .location-table tr:last-child td{border-bottom:none}.location-table-container .location-table .location-name-cell{display:flex;align-items:center;gap:12px}.location-table-container .location-table .location-name-cell .location-avatar{background-color:#1976d2;color:#fff}.location-table-container .location-table .location-name-cell .location-name{font-weight:500}.location-table-container .location-table .location-name-cell .location-code{font-size:12px;color:#666}.location-table-container .location-table .location-address{font-size:14px;color:#666;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-table-container .location-table .status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.location-table-container .location-table .status-badge.aktif{background-color:#4caf501a;color:#4caf50}.location-table-container .location-table .status-badge.aktif.dark{background-color:#4caf5033;color:#92cf94}.location-table-container .location-table .status-badge.tidak-aktif{background-color:#f443361a;color:#f44336}.location-table-container .location-table .status-badge.tidak-aktif.dark{background-color:#f4433633;color:#f99d97}.location-table-container .location-table .action-column .action-buttons{display:flex;gap:8px}.location-table-container .location-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}.location-table-container .location-table .action-column .action-buttons .btn .btn-icon{font-size:20px}.location-table-container .location-table .action-column .action-buttons .btn.btn-primary{color:#1976d2}.location-table-container .location-table .action-column .action-buttons .btn.btn-edit{color:#ff9800}.location-table-container .location-table .action-column .action-buttons .btn.btn-delete{color:#f44336}.location-table-container .location-table .action-column .action-buttons .btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.location-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.location-card{padding:16px;transition:transform .2s,box-shadow .2s}.location-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.location-card .location-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.location-card .location-card-header .location-info{flex:1}.location-card .location-card-header .location-info h6{margin:0;font-size:16px;font-weight:600}.location-card .location-card-header .location-info p{margin:0;font-size:12px;color:#666}.location-card .location-card-header .location-avatar{background-color:#1976d2;color:#fff;margin-right:12px;width:40px;height:40px}.location-card .location-card-header .status-chip.dark.MuiChip-colorSuccess{background-color:#4caf5033;color:#92cf94}.location-card .location-card-header .status-chip.dark.MuiChip-colorError{background-color:#f4433633;color:#f99d97}.location-card .location-details{margin-bottom:12px}.location-card .location-details .detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.location-card .location-details .detail-item .detail-icon{margin-right:8px;color:#666;font-size:18px}.location-card .location-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px}.location-card .location-card-actions{display:flex;gap:8px}.location-card .location-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}.location-card .location-card-actions .btn .btn-icon{font-size:20px}.location-card .location-card-actions .btn.btn-primary{color:#1976d2}.location-card .location-card-actions .btn.btn-edit{color:#ff9800}.location-card .location-card-actions .btn.btn-delete{color:#f44336}.location-card .location-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}.location-form,.location-view-form{margin-top:20px}.location-form .form-row,.location-view-form .form-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.location-form .form-row,.location-view-form .form-row{flex-direction:column;gap:0}}.location-form .form-group,.location-view-form .form-group{flex:1}.location-form .form-group label,.location-view-form .form-group label{display:block;margin-bottom:8px;font-weight:500}.location-form .form-group input,.location-form .form-group select,.location-form .form-group textarea,.location-view-form .form-group input,.location-view-form .form-group select,.location-view-form .form-group textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.location-form .form-group input:focus,.location-form .form-group select:focus,.location-form .form-group textarea:focus,.location-view-form .form-group input:focus,.location-view-form .form-group select:focus,.location-view-form .form-group textarea:focus{outline:none;border-color:#1976d2}.location-form .form-group textarea,.location-view-form .form-group textarea{resize:vertical}.location-form .form-group.full-width,.location-view-form .form-group.full-width{flex-basis:100%}.location-dialog .dialog-title,.view-location-dialog .dialog-title,.upload-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between}.location-dialog .dialog-title h2,.view-location-dialog .dialog-title h2,.upload-dialog .dialog-title h2{margin:0}.location-dialog .MuiDialogContent-root,.view-location-dialog .MuiDialogContent-root,.upload-dialog .MuiDialogContent-root{padding:20px}.location-dialog .MuiDialogActions-root,.view-location-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}@keyframes spin{to{transform:rotate(360deg)}}.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}.location-container.dark .location-table-container,.location-container.dark .location-card,.location-container.dark .location-dialog,.location-container.dark .view-location-dialog,.location-container.dark .upload-dialog{background-color:#2d2d2d;color:#fff}.location-container.dark .location-table th{background-color:#1e1e1e;color:#b0b0b0}.location-container.dark .location-table td{border-color:#404040}.location-container.dark .search-bar input,.location-container.dark .filter-group select,.location-container.dark .form-group input,.location-container.dark .form-group select,.location-container.dark .form-group textarea,.location-container.dark .btn.btn-secondary{background-color:#1e1e1e;color:#fff;border-color:#404040}.location-container.dark .btn.btn-secondary:hover{background-color:#383838}.location-container.dark .location-card .location-card-footer{border-color:#404040}.location-container.dark .location-card .location-card-actions .btn{background-color:#1e1e1e}.location-container.dark .location-card .location-card-actions .btn:hover{background-color:#323232}.location-container.dark .location-table-container .action-column .action-buttons .btn{background-color:#1e1e1e}.location-container.dark .location-table-container .action-column .action-buttons .btn:hover{background-color:#323232}.location-container.dark .import-preview-dialog .preview-table-container .preview-table th{background-color:#1e1e1e;color:#fff}.location-container.dark .import-preview-dialog .preview-table-container .preview-table td{border-color:#404040}.location-container.dark .import-preview-dialog .preview-table-container .preview-table .invalid-row{background-color:#f443361a}.location-container.dark .import-preview-dialog .preview-table-container .preview-note,.location-container.dark .import-preview-dialog .preview-table-container .preview-legend .legend-item{color:#b0b0b0}@media(max-width:768px){.location-container{padding:16px}.location-header{flex-direction:column;align-items:flex-start;gap:16px}.location-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}.location-table-container{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:12px}.location-dialog .MuiDialog-paper,.view-location-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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}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}