body.dark-mode{--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--dark:#f1f5f9;--gray-700:#cbd5e1;--gray-500:#94a3b8;--gray-300:#475569;--gray-100:#334155;--bg:#0f172a;--white:#1e293b;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 15px #0006;--shadow-lg:0 10px 30px #00000080}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--dark:#1e293b;--gray-700:#334155;--gray-500:#64748b;--gray-300:#cbd5e1;--gray-100:#f1f5f9;--bg:#f8fafc;--white:#fff;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 15px #00000014;--shadow-lg:0 10px 30px #0000001a;--radius:14px;--transition:all .25s ease}*{box-sizing:border-box}body{color:var(--dark);background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%) fixed;margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;transition:background .4s,color .4s}body.dark-mode{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%) fixed!important}button{font-family:inherit}.app{background:#f4f6f8;min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:10;background:#ffffffbf;border-left:1px solid #ffffff80;flex-direction:column;width:260px;height:100vh;transition:all .4s;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-4px 0 30px #0000000d,inset 1px 0 #fffc}body.dark-mode .sidebar{background:#0f172abf;border-left:1px solid #ffffff0d;box-shadow:-4px 0 30px #0000004d,inset 1px 0 #ffffff0d}.brand{text-align:center;border-bottom:1px solid #eee;padding:25px 20px}.brand img{width:190px;max-width:100%;height:auto}.menu{flex:1;padding:20px 15px;overflow:hidden auto}.menu::-webkit-scrollbar{width:5px}.menu::-webkit-scrollbar-track{background:0 0}.menu::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.menu::-webkit-scrollbar-thumb:hover{background:#6366f180}body.dark-mode .menu::-webkit-scrollbar-thumb{background:#818cf84d}body.dark-mode .menu::-webkit-scrollbar-thumb:hover{background:#818cf880}.menu-item{cursor:pointer;color:#374151;text-align:right;letter-spacing:-.2px;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:7px;padding:14px 18px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex}.menu-item:hover{background:#f3f4f6}.menu-item.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;transform:translate(-4px);box-shadow:0 6px 20px #6366f159}.menu-item:hover:not(.active){background:var(--gray-100);transform:translate(-4px)}.menu-item span{flex:1}.sidebar-bottom{border-top:1px solid #eee;flex-direction:column;gap:5px;padding:20px;display:flex}.sidebar-bottom span{font-size:13px;font-weight:700}.sidebar-bottom small{color:#9ca3af}.main{width:calc(100% - 260px);margin-right:260px;padding:30px 35px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:100;background:linear-gradient(135deg,#3b82f6e6 0%,#2563ebe6 100%);border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:20px;padding:2px 20px;display:flex;position:relative;box-shadow:0 4px 15px #2563eb4d,inset 0 1px #fff3}.topbar>div:first-child{text-align:right;z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.topbar h1{white-space:nowrap;font-size:16px;font-weight:800;color:#fff!important;margin:0 0 4px!important;position:static!important}.topbar-actions{z-index:2;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.topbar-marquee{display:none!important}.topbar p{white-space:nowrap;font-size:13px;font-weight:600;color:#ffffffd9!important;margin:0!important}@keyframes marquee{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}.topbar .user-box{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #fff6;border-radius:50px;align-items:center;gap:10px;height:44px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000001a}.topbar .user-box:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.topbar .user-box svg{opacity:.9;width:18px;height:18px}.topbar .user-box span{color:#fff;letter-spacing:.3px}.topbar .user-box .dropdown-arrow{color:#fff;opacity:.7;margin-right:4px;font-size:10px}.topbar h1{margin:0 0 8px;font-size:27px}.topbar p{color:#6b7280;margin:0;font-size:14px}.user-box{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;display:flex;box-shadow:0 3px 15px #0000000a}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition);border-top:4px solid var(--primary);background:#fff;align-items:center;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:first-child{border-top-color:var(--info)}.stat-card:nth-child(2){border-top-color:var(--success)}.stat-card:nth-child(3){border-top-color:var(--warning)}.stat-card:nth-child(4){border-top-color:var(--primary)}.stat-icon{width:52px;height:52px;transition:var(--transition);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:14px;justify-content:center;align-items:center;font-size:23px;display:flex}.stat-card span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.stat-card strong{margin-bottom:4px;font-size:25px;display:block}.stat-card strong small{color:#6b7280;font-size:12px;display:inline}.stat-card>div:last-child>small{color:#9ca3af;font-size:11px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel{background:#fff;border-radius:16px;min-height:auto;padding:22px;box-shadow:0 4px 20px #0000000a}.panel-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.panel-header h2{margin:0;font-size:17px}.panel-header span{color:#9ca3af;font-size:12px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:240px;display:flex}.empty-state div{margin-bottom:10px;font-size:42px}.empty-state h3{margin:5px 0;font-size:15px}.empty-state p{color:#9ca3af;max-width:300px;font-size:12px;line-height:2}.quick-section{margin-top:14px}.quick-section h2{color:#1f2937;margin-bottom:12px;font-size:16px;font-weight:800}body.dark-mode .quick-section h2{color:#f1f5f9}.quick-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quick-buttons button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(15px);text-shadow:0 1px 3px #00000040;border:1.5px solid #ffffff59;border-radius:14px;flex-direction:row;justify-content:center;align-items:center;gap:6px;min-height:auto;padding:12px 10px;font-family:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.quick-buttons button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59 0%,#fff0 100%);border-radius:14px 14px 50% 50%;height:50%;position:absolute;top:0;left:0;right:0}.quick-buttons button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:50%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}.quick-buttons button:hover:after{left:150%}.quick-buttons button:hover{border-color:#ffffff8c;transform:translateY(-4px);box-shadow:0 15px 40px #00000040,inset 0 1px #ffffff73,inset 0 -1px #00000026}.quick-buttons button:active{transform:translateY(-1px);box-shadow:0 6px 20px #0003,inset 0 2px 4px #00000026}@media (width<=900px){.sidebar{width:80px}.brand img{object-fit:contain;width:55px}.menu-item span,.sidebar-bottom{display:none}.menu-item{justify-content:center;padding:14px}.main{width:calc(100% - 80px);margin-right:80px;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-buttons{grid-template-columns:repeat(2,1fr)}}.order-form{padding:28px}.form-group.full{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:13px}.form-group select.custom-select{color:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;appearance:none;background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 35px;font-family:inherit;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group select.custom-select::-ms-expand{display:none}.form-group select.custom-select:hover{background:#ffffffe6;border-color:#c7d2fe}.form-group select.custom-select:focus{background:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f11f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#9ca3af}.form-actions button{cursor:pointer;border:none;border-radius:10px;padding:13px 28px;font-family:inherit;font-size:13px}.cancel-btn{color:#374151;background:#f3f4f6}.save-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;transition:var(--transition);font-weight:600;box-shadow:0 4px 15px #6366f159}.cancel-btn{background:var(--gray-100);color:var(--gray-700);transition:var(--transition)}.cancel-btn:hover{background:var(--gray-300)}@media (width<=700px){.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}.orders-list{margin-top:25px}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-top:15px;overflow:hidden}.orders-table th{text-align:center;background:linear-gradient(135deg, var(--dark) 0%, var(--gray-700) 100%);color:#fff;white-space:nowrap;border-bottom:none;padding:16px 10px;font-size:14px;font-weight:700}.orders-table td{text-align:center;color:var(--gray-700);border-bottom:1px solid var(--gray-100);transition:var(--transition);padding:14px 10px;font-size:14px}.orders-table tbody tr{transition:var(--transition)}.orders-table tbody tr:hover{background:linear-gradient(90deg,#eef2ff 0%,#f8fafc 100%);transform:scale(1.005)}.orders-table td{text-align:center;color:#475569;border-bottom:1px solid #f1f5f9;padding:14px 10px;font-size:14px}.orders-table tbody tr:hover{background:#f8fafc}.orders-table tbody tr:last-child td{border-bottom:none}body.dark-mode .main{background:0 0}body.dark-mode .panel,body.dark-mode .stat-card,body.dark-mode .user-box{background:var(--white);color:var(--dark)}body.dark-mode .topbar h1,body.dark-mode .topbar p,body.dark-mode .panel-header h2,body.dark-mode .panel-header span,body.dark-mode .stat-card strong,body.dark-mode .stat-card span,body.dark-mode .stat-card small,body.dark-mode .form-group label,body.dark-mode .empty-state h3,body.dark-mode .empty-state p,body.dark-mode .menu-item,body.dark-mode .menu-item span,body.dark-mode .dropdown-item,body.dark-mode .submenu-item,body.dark-mode .submenu-item span,body.dark-mode .user-profile-info strong,body.dark-mode .user-profile-info small,body.dark-mode .developer-credit span,body.dark-mode .quick-section h2,body.dark-mode .report-info h3,body.dark-mode .report-info p,body.dark-mode .top-product-header strong,body.dark-mode .top-product-weight,body.dark-mode .top-product-meta,body.dark-mode .filter-label,body.dark-mode .control-label,body.dark-mode .search-bar-input,body.dark-mode .search-select-input,body.dark-mode .selected-value span,body.dark-mode .placeholder-text,body.dark-mode .modal-header h2,body.dark-mode .modal-box p,body.dark-mode .summary-grid span,body.dark-mode .summary-grid strong,body.dark-mode .final-summary-section h3,body.dark-mode .item-original-info h4,body.dark-mode .item-original-grid span,body.dark-mode .item-original-grid strong,body.dark-mode .wizard-label,body.dark-mode .login-brand p,body.dark-mode .orders-table td,body.dark-mode .customer-name,body.dark-mode .product-name,body.dark-mode .notes-text,body.dark-mode .toast-message{color:#f1f5f9!important}body.dark-mode .orders-table,body.dark-mode .beautiful-production-table tbody tr{background:var(--white)}body.dark-mode .orders-table td,body.dark-mode .orders-table th{color:var(--gray-700);border-color:var(--gray-300)}body.dark-mode .orders-table th{color:#fff;background:#0f172a}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea,body.dark-mode .date-input{background:var(--bg);color:var(--dark);border-color:var(--gray-300)}body.dark-mode .panel-header{border-color:var(--gray-300)}body.dark-mode .topbar h1,body.dark-mode .panel-header h2,body.dark-mode .stat-card strong,body.dark-mode .empty-state h3{color:var(--dark)}body.dark-mode .app{background:0 0!important}.developer-credit{border-top:1px solid #eee;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:15px 20px 20px;display:flex}.developer-credit img{object-fit:contain;border-radius:12px;width:50px;height:50px;transition:transform .3s}.developer-credit img:hover{transform:scale(1.1)}.developer-credit span{color:#9ca3af;font-size:12px;font-weight:600}body.dark-mode .developer-credit{border-color:#334155}.beautiful-production-table{border-collapse:separate;border-spacing:0 12px;text-align:center;width:100%;min-width:950px;font-family:inherit}.beautiful-production-table thead th{color:#fff;white-space:nowrap;text-align:center;letter-spacing:.3px;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:18px 14px;font-size:14px;font-weight:700}.beautiful-production-table thead th:first-child{border-radius:0 14px 14px 0}.beautiful-production-table thead th:last-child{border-radius:14px 0 0 14px}.beautiful-production-table tbody tr{background:#fff;border-radius:14px;transition:all .3s;box-shadow:0 3px 14px #0000000d}.beautiful-production-table tbody tr:hover{transform:translateY(-3px)scale(1.005);box-shadow:0 10px 28px #6366f126}.beautiful-production-table tbody td{white-space:nowrap;color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:18px 14px;font-size:13px}.beautiful-production-table tbody td:first-child{border-right:1px solid #f1f5f9;border-radius:0 14px 14px 0}.beautiful-production-table tbody td:last-child{border-left:1px solid #f1f5f9;border-radius:14px 0 0 14px}.row-number{color:#4338ca;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.date-badge,.machine-badge,.weight-badge{white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-block}.date-badge{color:#c2410c;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%)}.machine-badge{color:#047857;background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%)}.weight-badge{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#bfdbfe 100%)}.product-name{color:#1e293b;font-size:13px;font-weight:700}.notes-text{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:inline-block;overflow:hidden}.beautiful-production-table .empty-table{color:#94a3b8;background:#f8fafc;border-radius:14px;font-size:15px;padding:45px!important}body.dark-mode .beautiful-production-table tbody td{color:#cbd5e1;border-color:#334155}body.dark-mode .beautiful-production-table tbody td:first-child,body.dark-mode .beautiful-production-table tbody td:last-child{border-color:#334155}body.dark-mode .product-name{color:#f1f5f9}body.dark-mode .notes-text{color:#94a3b8}body.dark-mode .beautiful-production-table .empty-table{color:#64748b;background:#1e293b}body.dark-mode .row-number{color:#c7d2fe;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}body.dark-mode .date-badge{color:#fed7aa;background:linear-gradient(135deg,#7c2d12 0%,#9a3412 100%)}body.dark-mode .machine-badge{color:#a7f3d0;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}body.dark-mode .weight-badge{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.orders-table{border-collapse:separate;border-spacing:0 12px;text-align:center;width:100%;min-width:900px;font-family:inherit}.orders-table thead th{color:#fff;white-space:nowrap;text-align:center;letter-spacing:.3px;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:18px 14px;font-size:14px;font-weight:700}.orders-table thead th:first-child{border-radius:0 14px 14px 0}.orders-table thead th:last-child{border-radius:14px 0 0 14px}.orders-table tbody tr{background:#fff;border-radius:14px;transition:all .3s;box-shadow:0 3px 14px #0000000d}.orders-table tbody tr:hover{transform:translateY(-3px)scale(1.005);box-shadow:0 10px 28px #6366f126}.orders-table tbody td{white-space:nowrap;color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:18px 14px;font-size:13px}.orders-table tbody td:first-child{border-right:1px solid #f1f5f9;border-radius:0 14px 14px 0}.orders-table tbody td:last-child{border-left:1px solid #f1f5f9;border-radius:14px 0 0 14px;font-weight:700}body.dark-mode .orders-table tbody td{color:#cbd5e1;border-color:#334155}body.dark-mode .orders-table tbody td:first-child,body.dark-mode .orders-table tbody td:last-child{border-color:#334155}.beautiful-production-table tbody td{padding:14px 12px;font-size:13px}.beautiful-production-table thead th{padding:16px 12px;font-size:13px}.date-badge,.machine-badge,.weight-badge{padding:6px 12px;font-size:12px}.row-number{width:30px;height:30px;font-size:12px}.product-name{font-size:13px}.notes-text{max-width:150px;font-size:12px}.production-details-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #1f26871a,inset 0 1px #ffffff80}body.dark-mode .production-details-card{background:#1e293bb3;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.beautiful-production-table thead th{color:#fff;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#a855f7 100%);padding:18px 12px;font-size:13px;font-weight:700;position:relative}.beautiful-production-table thead th:after{content:"";background:#ffffff4d;height:1px;position:absolute;bottom:0;left:10%;right:10%}.beautiful-production-table tbody td:first-child{background:#6366f108}.beautiful-production-table tbody td:nth-child(2){background:#f59e0b0a}.beautiful-production-table tbody td:nth-child(3){background:#10b9810a}.beautiful-production-table tbody td:nth-child(4){background:#3b82f608}.beautiful-production-table tbody td:nth-child(5){background:#8b5cf60a}.beautiful-production-table tbody td:nth-child(6){background:#94a3b808}.beautiful-production-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1)}.beautiful-production-table tbody tr:hover{background:#fffffff2;transform:translateY(-4px)scale(1.01);box-shadow:0 15px 35px #6366f133,0 5px 15px #00000014}body.dark-mode .beautiful-production-table tbody tr{background:#1e293b99}body.dark-mode .beautiful-production-table tbody tr:hover{background:#1e293bf2;box-shadow:0 15px 35px #6366f14d,0 5px 15px #0000004d}body.dark-mode .beautiful-production-table tbody td:first-child,body.dark-mode .beautiful-production-table tbody td:nth-child(2),body.dark-mode .beautiful-production-table tbody td:nth-child(3),body.dark-mode .beautiful-production-table tbody td:nth-child(4),body.dark-mode .beautiful-production-table tbody td:nth-child(5),body.dark-mode .beautiful-production-table tbody td:nth-child(6){background:0 0}.date-badge{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);box-shadow:0 4px 12px #f973164d}.machine-badge{color:#fff;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow:0 4px 12px #10b9814d}.weight-badge{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 12px #3b82f64d}.date-badge,.machine-badge,.weight-badge{transition:all .3s}.date-badge:hover,.machine-badge:hover,.weight-badge:hover{transform:scale(1.05);box-shadow:0 6px 18px #0003}.row-number{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:700;box-shadow:0 4px 12px #6366f159}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.beautiful-production-table tbody tr{animation:.4s forwards slideIn}.beautiful-production-table tbody tr:first-child{animation-delay:50ms}.beautiful-production-table tbody tr:nth-child(2){animation-delay:.1s}.beautiful-production-table tbody tr:nth-child(3){animation-delay:.15s}.beautiful-production-table tbody tr:nth-child(4){animation-delay:.2s}.beautiful-production-table tbody tr:nth-child(5){animation-delay:.25s}.beautiful-production-table tbody tr:nth-child(6){animation-delay:.3s}.beautiful-production-table tbody tr:nth-child(7){animation-delay:.35s}.beautiful-production-table tbody tr:nth-child(8){animation-delay:.4s}.orders-list{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #1f26871a,inset 0 1px #ffffff80}body.dark-mode .orders-list{background:#1e293bb3;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.orders-table thead th{color:#fff;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#a855f7 100%);padding:18px 12px;font-size:13px;font-weight:700;position:relative}.orders-table thead th:after{content:"";background:#ffffff4d;height:1px;position:absolute;bottom:0;left:10%;right:10%}.orders-table tbody td:first-child{background:#6366f108}.orders-table tbody td:nth-child(2){background:#f59e0b0a}.orders-table tbody td:nth-child(3){background:#10b9810a}.orders-table tbody td:nth-child(4){background:#3b82f608}.orders-table tbody td:nth-child(5){background:#8b5cf60a}.orders-table tbody td:nth-child(6){background:#ec489908}.orders-table tbody td:nth-child(7){background:#14b8a60a}.orders-table tbody td:nth-child(8){background:#94a3b808}.orders-table tbody tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1)}.orders-table tbody tr:hover{background:#fffffff2;transform:translateY(-4px)scale(1.01);box-shadow:0 15px 35px #6366f133,0 5px 15px #00000014}body.dark-mode .orders-table tbody tr{background:#1e293b99}body.dark-mode .orders-table tbody tr:hover{background:#1e293bf2;box-shadow:0 15px 35px #6366f14d,0 5px 15px #0000004d}body.dark-mode .orders-table tbody td:first-child,body.dark-mode .orders-table tbody td:nth-child(2),body.dark-mode .orders-table tbody td:nth-child(3),body.dark-mode .orders-table tbody td:nth-child(4),body.dark-mode .orders-table tbody td:nth-child(5),body.dark-mode .orders-table tbody td:nth-child(6),body.dark-mode .orders-table tbody td:nth-child(7),body.dark-mode .orders-table tbody td:nth-child(8){background:0 0}@keyframes ordersSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.orders-table tbody tr{animation:.4s forwards ordersSlideIn}.orders-table tbody tr:first-child{animation-delay:50ms}.orders-table tbody tr:nth-child(2){animation-delay:.1s}.orders-table tbody tr:nth-child(3){animation-delay:.15s}.orders-table tbody tr:nth-child(4){animation-delay:.2s}.orders-table tbody tr:nth-child(5){animation-delay:.25s}.orders-table tbody tr:nth-child(6){animation-delay:.3s}.orders-table tbody tr:nth-child(7){animation-delay:.35s}.orders-table tbody tr:nth-child(8){animation-delay:.4s}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f268714,inset 0 1px #fff9}.stat-card:before{content:"";border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.stat-card:first-child:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.stat-card:hover:after{opacity:1}.stat-card:hover{background:#fffffff2;transform:translateY(-6px);box-shadow:0 20px 45px #6366f133,0 8px 20px #0000000f}.stat-icon{z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.stat-card:first-child .stat-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#c7d2fe 100%);box-shadow:0 6px 16px #6366f140}.stat-card:nth-child(2) .stat-icon{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%);box-shadow:0 6px 16px #10b98140}.stat-card:nth-child(3) .stat-icon{color:#d97706;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);box-shadow:0 6px 16px #f59e0b40}.stat-card:nth-child(4) .stat-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#bfdbfe 100%);box-shadow:0 6px 16px #3b82f640}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-8deg)}.stat-card>div:last-child{z-index:1;flex:1;position:relative}.stat-card span{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.stat-card strong{color:#1e293b;letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800;display:block}.stat-card strong small{color:#64748b;margin-right:2px;font-size:12px;font-weight:600;display:inline}.stat-card>div:last-child>small{color:#94a3b8;font-size:12px;font-weight:500}body.dark-mode .stat-card{background:#1e293bbf;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}body.dark-mode .stat-card:hover{background:#1e293bf2;box-shadow:0 20px 45px #6366f14d,0 8px 20px #0000004d}body.dark-mode .stat-card strong{color:#f1f5f9}body.dark-mode .stat-card span{color:#94a3b8}body.dark-mode .stat-card>div:last-child>small{color:#64748b}@media (width<=700px){.stats{grid-template-columns:1fr;gap:14px}.stat-card{padding:18px}.stat-icon{width:48px;height:48px}.stat-card strong{font-size:22px}}.order-form{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;padding:30px;box-shadow:0 8px 32px #1f268714,inset 0 1px #fff9}body.dark-mode .order-form{background:#1e293bbf;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.form-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:25px;display:grid}.form-group{flex-direction:column;gap:9px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}body.dark-mode .form-group label{color:#cbd5e1}.form-group input,.form-group select,.form-group textarea,.date-input{color:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236366f1%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:14px;background-repeat:no-repeat;background-size:10px;padding-left:35px}.form-group select option{color:#334155;background-color:#fff;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600}.form-group select option:checked,.form-group select option:hover{color:#fff!important;background-color:#6366f1!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover,.date-input:hover{background:#ffffffe6;border-color:#c7d2fe}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.date-input:focus{background:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f11f,0 4px 12px #6366f126}.form-group textarea{resize:vertical;min-height:110px}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea,body.dark-mode .date-input{color:#f1f5f9;background:#0f172a99;border-color:#334155cc}body.dark-mode .form-group select option{color:#f1f5f9;background-color:#1e293b}body.dark-mode .form-group input:hover,body.dark-mode .form-group select:hover,body.dark-mode .form-group textarea:hover,body.dark-mode .date-input:hover{background:#0f172acc;border-color:#6366f1}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus,body.dark-mode .date-input:focus{background:#0f172af2;border-color:#818cf8;box-shadow:0 0 0 4px #818cf826,0 4px 12px #6366f140}.form-actions{border-top:1px solid #e2e8f099;justify-content:flex-start;gap:12px;margin-top:28px;padding-top:22px;display:flex}body.dark-mode .form-actions{border-color:#33415599}.form-actions button{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.cancel-btn{color:#475569;background:#f1f5f9cc;border:1px solid #e2e8f0cc}.cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.save-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 6px 20px #6366f159,inset 0 1px #fff3}.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6366f180,inset 0 1px #ffffff4d}.save-btn:active{transform:translateY(0)}body.dark-mode .cancel-btn{color:#cbd5e1;background:#33415599;border-color:#475569cc}body.dark-mode .cancel-btn:hover{background:#334155}@media (width<=700px){.order-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:auto}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}}.table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.print-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f14d}.print-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f173}.excel-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.excel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98173}.action-btn:active{transform:translateY(0)}@media (width<=700px){.table-actions{justify-content:center;width:100%}.action-btn{padding:8px 12px;font-size:11px}}.row-actions{justify-content:center;gap:6px;display:flex}.row-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .25s;display:flex}.edit-btn{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#c7d2fe 100%)}.edit-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 6px 15px #6366f166}.delete-btn{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.delete-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 6px 15px #ef444466}body.dark-mode .edit-btn{color:#c7d2fe;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}body.dark-mode .delete-btn{color:#fecaca;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;padding:28px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto;box-shadow:0 25px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .modal-box{color:#f1f5f9;background:#1e293b}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}body.dark-mode .modal-header{border-color:#334155}.modal-header h2{color:#1e293b;margin:0;font-size:18px}body.dark-mode .modal-header h2{color:#f1f5f9}.modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}body.dark-mode .modal-close{color:#cbd5e1;background:#334155}@media (width<=700px){.modal-box{border-radius:16px;padding:20px}}.persian-calendar-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px}.persian-calendar-footer button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:600}.persian-calendar-footer button:hover{background:#e2e8f0}.persian-date-wrapper{width:100%;position:relative}.persian-calendar{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:310px;margin-top:8px;padding:16px;animation:.2s fadeIn;position:absolute;top:100%;right:0;box-shadow:0 15px 40px #00000026}body.dark-mode .persian-calendar{background:#1e293b;border-color:#334155}.persian-calendar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}body.dark-mode .persian-calendar-header{border-color:#334155}.persian-calendar-header span{color:#1e293b;font-size:14px;font-weight:700}body.dark-mode .persian-calendar-header span{color:#f1f5f9}.persian-calendar-header button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px;font-size:18px;transition:all .2s}.persian-calendar-header button:hover{color:#fff;background:#6366f1}body.dark-mode .persian-calendar-header button{color:#cbd5e1;background:#334155}.persian-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.persian-calendar-weekdays div{text-align:center;color:#6366f1;padding:6px 0;font-size:12px;font-weight:700}.persian-calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.persian-day{aspect-ratio:1;color:#334155;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}body.dark-mode .persian-day{color:#cbd5e1}.persian-day.empty{cursor:default}.persian-day:not(.empty):hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);transform:scale(1.1)}.persian-calendar-footer{border-top:1px solid #f1f5f9;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;display:flex}body.dark-mode .persian-calendar-footer{border-color:#334155}.persian-calendar-footer button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex:1;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.persian-calendar-footer button:hover{color:#fff;background:#6366f1}body.dark-mode .persian-calendar-footer button{color:#cbd5e1;background:#334155}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;margin-top:10px;display:flex}.filter-item{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.filter-label{color:#64748b;padding-right:4px;font-size:11px;font-weight:700}body.dark-mode .filter-label{color:#94a3b8}.clear-filter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;height:46px;padding:12px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 4px 12px #ef44444d}.clear-filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444473}@media (width<=700px){.filter-item{min-width:100%}.clear-filter-btn{width:100%}}.customer-report-list{flex-direction:column;gap:14px;margin-top:20px;display:flex}.customer-report-card{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000d}body.dark-mode .customer-report-card{background:#1e293bbf;border-color:#ffffff0d}.customer-report-card:hover{box-shadow:0 8px 30px #6366f126}.customer-report-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 22px;transition:background .2s;display:flex}.customer-report-header:hover{background:#6366f10d}.customer-report-title{align-items:center;gap:14px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f14d}.customer-report-title h3{color:#1e293b;margin:0 0 4px;font-size:16px}body.dark-mode .customer-report-title h3{color:#f1f5f9}.customer-report-title p{color:#64748b;margin:0;font-size:12px}body.dark-mode .customer-report-title p{color:#94a3b8}.expand-icon{color:#6366f1;font-size:14px;font-weight:700}.customer-report-body{border-top:1px solid #e2e8f099;padding:0 22px 22px;animation:.3s slideDown}body.dark-mode .customer-report-body{border-color:#33415599}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-report-body h4{color:#475569;margin:16px 0 12px;font-size:14px}body.dark-mode .customer-report-body h4{color:#cbd5e1}.product-report-list{flex-direction:column;gap:14px;display:flex}.product-report-item{background:#f8fafcb3;border:1px solid #e2e8f099;border-radius:12px;padding:14px}body.dark-mode .product-report-item{background:#0f172a80;border-color:#33415599}.product-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.product-name-badge{color:#4f46e5;font-size:14px;font-weight:700}body.dark-mode .product-name-badge{color:#818cf8}.product-stats{color:#64748b;font-size:12px}body.dark-mode .product-stats{color:#94a3b8}.product-stats strong{color:#1e293b;font-weight:800}body.dark-mode .product-stats strong{color:#f1f5f9}.mini-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.mini-table th{color:#4338ca;text-align:center;background:#6366f114;padding:8px 10px;font-size:11px;font-weight:700}body.dark-mode .mini-table th{color:#a5b4fc;background:#818cf826}.mini-table td{text-align:center;color:#334155;border-bottom:1px solid #e2e8f066;padding:8px 10px}body.dark-mode .mini-table td{color:#cbd5e1;border-color:#33415566}.mini-table tr:last-child td{border-bottom:none}.mini-table tr:hover{background:#6366f10a}@media (width<=700px){.customer-report-header{flex-direction:column;align-items:flex-start;gap:10px}.product-report-header{flex-direction:column;align-items:flex-start}.mini-table{font-size:11px}.mini-table th,.mini-table td{padding:6px}}.customer-filter-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.filter-item.full-width{width:100%;min-width:100%}.customer-chips{flex-wrap:wrap;gap:10px;max-height:200px;margin-top:6px;padding:4px 0;display:flex;overflow-y:auto}.customer-chip{cursor:pointer;color:#475569;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:30px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.customer-chip:hover{background:#6366f114;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.customer-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 6px 18px #6366f166}.chip-avatar{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#c7d2fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.customer-chip.active .chip-avatar{color:#fff;background:#ffffff40}.chip-avatar.all{font-size:15px}body.dark-mode .customer-chip{color:#cbd5e1;background:#1e293bb3;border-color:#334155cc}body.dark-mode .customer-chip:hover{background:#6366f126;border-color:#818cf8}body.dark-mode .customer-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}body.dark-mode .chip-avatar{color:#c7d2fe;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}body.dark-mode .customer-chip.active .chip-avatar{color:#fff;background:#ffffff40}.customer-chips::-webkit-scrollbar{width:6px}.customer-chips::-webkit-scrollbar-track{background:0 0}.customer-chips::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.customer-chips::-webkit-scrollbar-thumb:hover{background:#6366f180}.search-select-wrapper{width:100%;position:relative}.search-select-input{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:12px;justify-content:space-between;align-items:center;min-height:46px;padding:10px 14px;transition:all .25s;display:flex}.search-select-input:hover{background:#ffffffe6;border-color:#c7d2fe}.search-select-input.open{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.selected-value{flex:1;align-items:center;gap:10px;display:flex}.selected-value span{color:#1e293b;font-size:13px;font-weight:600}.clear-selected{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:auto;font-size:11px;transition:all .2s;display:flex}.clear-selected:hover{color:#fff;background:#ef4444}.placeholder-text{color:#94a3b8;flex:1;font-size:13px}.dropdown-arrow{color:#6366f1;font-size:11px;font-weight:700}.search-select-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:14px;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 15px 40px #00000026}.search-input-wrapper{border-bottom:1px solid #f1f5f9;padding:12px;position:relative}.search-input-wrapper input{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 38px;font-family:inherit;font-size:13px;transition:all .2s}.search-input-wrapper input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-icon{pointer-events:none;font-size:14px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.search-results{max-height:240px;padding:6px;overflow-y:auto}.search-result-item{cursor:pointer;color:#334155;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.search-result-item:hover{background:#6366f114}.search-result-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.customer-info{flex-direction:column;gap:2px;display:flex}.customer-name-result{font-weight:700}.customer-company{opacity:.7;font-size:11px;font-weight:500}.no-result{text-align:center;color:#94a3b8;padding:20px;font-size:13px}body.dark-mode .search-select-input{background:#0f172a99;border-color:#334155cc}body.dark-mode .search-select-input:hover{background:#0f172acc;border-color:#6366f1}body.dark-mode .search-select-input.open{background:#0f172af2}body.dark-mode .selected-value span{color:#f1f5f9}body.dark-mode .search-select-dropdown{background:#1e293b;border-color:#334155}body.dark-mode .search-input-wrapper{border-color:#334155}body.dark-mode .search-input-wrapper input{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark-mode .search-input-wrapper input:focus{background:#1e293b}body.dark-mode .search-result-item{color:#cbd5e1}body.dark-mode .search-result-item:hover{background:#6366f126}.pagination-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:22px;padding:16px;display:flex}.pagination-btn{color:#475569;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:10px;min-width:38px;height:38px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s}.pagination-btn:hover:not(:disabled):not(.dots){color:#6366f1;background:#6366f114;border-color:#6366f1;transform:translateY(-2px)}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 4px 12px #6366f166}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.dots{cursor:default;background:0 0;border:none}.table-controls{background:#f8fafcb3;border:1px solid #e2e8f099;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:14px 18px;display:flex}.control-group{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.control-label{color:#64748b;font-size:12px;font-weight:600}.control-select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0cc;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.control-select:hover{border-color:#6366f1}.control-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.total-count{color:#6366f1;font-size:15px;font-weight:800}body.dark-mode .table-controls{background:#0f172a80;border-color:#33415599}body.dark-mode .control-group{color:#cbd5e1}body.dark-mode .control-label{color:#94a3b8}body.dark-mode .control-select{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark-mode .pagination-btn{color:#cbd5e1;background:#0f172a99;border-color:#334155cc}body.dark-mode .pagination-btn:hover:not(:disabled):not(.dots){color:#a5b4fc;background:#6366f126}body.dark-mode .pagination-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}@media (width<=700px){.table-controls{flex-direction:column;align-items:stretch;gap:12px}.control-group{justify-content:space-between}.pagination-wrapper{gap:4px}.pagination-btn{min-width:34px;height:34px;padding:0 8px;font-size:12px}}.active-orders-list{flex-direction:column;gap:12px;max-height:400px;margin-top:15px;padding-left:5px;display:flex;overflow-y:auto}.active-order-item{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;padding:14px;transition:all .25s}.active-order-item:hover{background:#6366f10d;border-color:#6366f14d;transform:translateY(-2px)}.active-order-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.active-order-customer{align-items:center;gap:10px;display:flex}.active-order-customer strong{color:#1e293b;font-size:14px;font-weight:700;display:block}.active-order-customer small{color:#64748b;margin-top:2px;font-size:11px;display:block}.progress-bar-wrapper{flex-direction:column;gap:6px;display:flex}.progress-info{color:#64748b;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.progress-bar{background:#e2e8f0cc;border-radius:20px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:20px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #6366f180}.overview-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;display:grid}.overview-item{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .25s;display:flex}.overview-item:hover{background:#6366f10d;transform:translateY(-2px)}.overview-item.highlight{background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);border-color:#f59e0b4d}.overview-item.highlight:hover{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%)}.overview-icon{background:#ffffffb3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.overview-item strong{color:#1e293b;font-size:18px;font-weight:800;display:block}.overview-item.highlight strong{color:#c2410c}.overview-item small{color:#64748b;margin-top:2px;font-size:11px;font-weight:600;display:block}body.dark-mode .active-order-item{background:#0f172a80;border-color:#33415599}body.dark-mode .active-order-item:hover{background:#6366f11a}body.dark-mode .active-order-customer strong{color:#f1f5f9}body.dark-mode .active-order-customer small,body.dark-mode .progress-info{color:#94a3b8}body.dark-mode .progress-bar{background:#334155cc}body.dark-mode .overview-item{background:#0f172a80;border-color:#33415599}body.dark-mode .overview-item.highlight{background:linear-gradient(135deg,#7c2d12 0%,#9a3412 100%);border-color:#f59e0b66}body.dark-mode .overview-item strong{color:#f1f5f9}body.dark-mode .overview-item.highlight strong{color:#fed7aa}body.dark-mode .overview-item small{color:#94a3b8}body.dark-mode .overview-icon{background:#1e293bb3}@media (width<=700px){.overview-grid{grid-template-columns:1fr}.active-order-header{flex-direction:column;align-items:flex-start;gap:8px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:25px;left:25px}.toast{-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#fffffff2;border-right:4px solid #6366f1;border-radius:14px;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:14px 18px;font-family:inherit;animation:.35s cubic-bezier(.4,0,.2,1) toastSlideIn;display:flex;box-shadow:0 10px 30px #00000026,0 4px 12px #00000014}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{border-right-color:#10b981}.toast-success .toast-icon{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%)}.toast-error{border-right-color:#ef4444}.toast-error .toast-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.toast-warning{border-right-color:#f59e0b}.toast-warning .toast-icon{color:#d97706;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%)}.toast-info{border-right-color:#3b82f6}.toast-info .toast-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#bfdbfe 100%)}.toast-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.toast-message{color:#1e293b;flex:1;font-size:13px;font-weight:700;line-height:1.6}.toast-close{color:#64748b;cursor:pointer;background:#f1f5f9cc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}body.dark-mode .toast{background:#1e293bf2;box-shadow:0 10px 30px #0006,0 4px 12px #0000004d}body.dark-mode .toast-message{color:#f1f5f9}body.dark-mode .toast-close{color:#cbd5e1;background:#334155cc}@media (width<=700px){.toast-container{z-index:9999999!important;pointer-events:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;display:flex!important;position:fixed!important;inset:20px 10px auto!important}.toast{pointer-events:auto!important;border-width:2px!important;min-width:90%!important;max-width:100%!important;box-shadow:0 10px 30px #00000040!important}.toast-message{font-size:13px!important;font-weight:700!important;line-height:1.5!important}}.search-bar-wrapper{width:100%;max-width:350px;margin-bottom:16px;position:relative}.search-bar-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;background:#ffffffb3;border:1.5px solid #e2e8f0cc;border-radius:10px;outline:none;width:100%;padding:10px 38px;font-family:inherit;font-size:12px;transition:all .25s}.search-bar-input:hover{background:#ffffffe6;border-color:#c7d2fe}.search-bar-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.search-bar-icon{pointer-events:none;opacity:.7;font-size:15px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.search-bar-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar-clear:hover{color:#fff;background:#ef4444;transform:translateY(-50%)rotate(90deg)}body.dark-mode .search-bar-input{color:#f1f5f9;background:#0f172a99;border-color:#334155cc}body.dark-mode .search-bar-input:focus{background:#0f172af2;border-color:#818cf8}body.dark-mode .search-bar-clear{color:#cbd5e1;background:#334155}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#6366f1 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-shape{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.shape-2{background:linear-gradient(135deg,#06b6d4,#3b82f6);width:350px;height:350px;animation-delay:7s;bottom:-100px;left:-100px}.shape-3{background:linear-gradient(135deg,#f59e0b,#ef4444);width:300px;height:300px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-50px,50px)scale(.9)}}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-brand{text-align:center;margin-bottom:30px}.login-brand img{object-fit:contain;filter:drop-shadow(0 8px 20px #0000004d);width:240px;height:240px;margin-bottom:18px;transition:transform .3s}.login-brand img:hover{transform:scale(1.05)}.login-brand h1{color:#fff;text-shadow:0 2px 12px #00000040;letter-spacing:.5px;margin:0 0 8px;font-size:26px;font-weight:800}.login-brand p{color:#fff;text-align:center;letter-spacing:.4px;-webkit-backdrop-filter:blur(15px);text-shadow:0 2px 8px #0000004d,0 0 20px #ffffff4d;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 100%);border:1px solid #ffffff40;border-radius:18px;max-width:360px;margin:0 auto;padding:16px 24px;font-size:15px;font-weight:700;line-height:2;animation:3s ease-in-out infinite welcomeGlow;position:relative;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d,0 0 40px #ffffff14}.login-brand p:before,.login-brand p:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);border-radius:2px;height:2px;position:absolute;left:20%;right:20%}.login-brand p:before{top:-1px}.login-brand p:after{bottom:-1px}@keyframes welcomeGlow{0%,to{box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d,0 0 40px #ffffff14}50%{box-shadow:0 8px 32px #0003,inset 0 1px #fff6,0 0 60px #fff3}}.login-brand p:hover{border-color:#fff6;transition:transform .3s;transform:translateY(-2px)}.login-form{flex-direction:column;gap:18px;display:flex}.login-form h2{color:#fff;text-align:center;margin:0 0 10px;font-size:18px;font-weight:700}.login-form-group{flex-direction:column;gap:8px;display:flex}.login-form-group input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .25s}.login-form-group input:disabled{opacity:.6;cursor:not-allowed}.toggle-password{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;font-size:18px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toggle-password:hover{background:#ffffff26}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;margin-top:8px;padding:15px;font-family:inherit;font-size:15px;font-weight:800;transition:all .3s;box-shadow:0 10px 25px #10b98166,inset 0 1px #ffffff4d}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #10b98180,inset 0 1px #ffffff4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-error{color:#fff;background:#ef444440;border:1px solid #ef444480;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-hint{text-align:center;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:10px;padding:14px}.login-hint p{color:#ffffffd9;margin:3px 0;font-size:11px;font-weight:600}.login-hint strong{color:#fff;font-weight:800}.login-footer{border-top:1px solid #fff3;flex-direction:column;align-items:center;gap:4px;margin-top:24px;padding-top:18px;display:flex}.login-footer span{color:#fff;letter-spacing:2px;font-size:13px;font-weight:800}.login-footer small{color:#ffffffb3;font-size:10px}@media (width<=500px){.login-container{border-radius:20px;padding:30px 22px}.login-brand img{width:100px;height:100px}.login-brand h1{font-size:22px}.login-brand p{max-width:260px;font-size:12px}}.user-profile-box{border-top:1px solid #eee;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 15px;display:flex}body.dark-mode .user-profile-box{border-color:#334155}.user-profile-header{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .25s;display:flex}body.dark-mode .user-profile-header{background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}.user-profile-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.user-profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-profile-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}body.dark-mode .user-profile-info strong{color:#f1f5f9}.user-profile-info small{color:#6366f1;font-size:10px;font-weight:700}body.dark-mode .user-profile-info small{color:#a5b4fc}.logout-btn{color:#dc2626;cursor:pointer;background:linear-gradient(135deg,#fee2e2cc 0%,#fecacacc 100%);border:none;border-top:1px solid #ef44441a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .25s;display:flex}.logout-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 6px 18px #ef444466}.logout-btn:active{transform:translateY(0)}body.dark-mode .logout-btn{color:#fecaca;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}body.dark-mode .logout-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}@media (width<=700px){.user-profile-box{padding:10px}.user-profile-info{display:none}.user-profile-header{justify-content:center;padding:6px}.logout-btn span{display:none}.logout-btn{padding:8px;font-size:16px}}.delete-modal{text-align:center;max-width:400px;padding:35px 28px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalBounce}.delete-modal-icon{margin-bottom:15px;font-size:60px;animation:.6s ease-in-out infinite shakeIcon;display:inline-block}@keyframes shakeIcon{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.delete-modal h2{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:800}body.dark-mode .delete-modal h2{color:#f1f5f9}.delete-modal p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.8}.delete-modal p strong{color:#ef4444;font-weight:800}body.dark-mode .delete-modal p{color:#94a3b8}.delete-modal-actions{justify-content:center;gap:12px;display:flex}.delete-modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px 20px;font-family:inherit;font-size:13px;font-weight:800;transition:all .25s}.delete-modal-actions .cancel-btn{color:#475569;background:#f1f5f9e6;border:1.5px solid #e2e8f0cc}.delete-modal-actions .cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}body.dark-mode .delete-modal-actions .cancel-btn{color:#cbd5e1;background:#33415599}.confirm-delete-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 18px #ef444459}.confirm-delete-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef444480}.confirm-delete-btn:active{transform:translateY(0)}.logout-modal{text-align:center;max-width:400px;padding:35px 28px}.logout-modal-icon{margin-bottom:15px;font-size:60px;animation:1s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.logout-modal h2{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:800}body.dark-mode .logout-modal h2{color:#f1f5f9}.logout-modal p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.8}body.dark-mode .logout-modal p{color:#94a3b8}.logout-modal-actions{justify-content:center;gap:12px;display:flex}.logout-modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px 20px;font-family:inherit;font-size:13px;font-weight:800;transition:all .25s}.logout-modal-actions .cancel-btn{color:#475569;background:#f1f5f9e6;border:1.5px solid #e2e8f0cc}.logout-modal-actions .cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}body.dark-mode .logout-modal-actions .cancel-btn{color:#cbd5e1;background:#33415599;border-color:#475569cc}.confirm-logout-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 18px #ef444459}.confirm-logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef444480}.confirm-logout-btn:active{transform:translateY(0)}.logout-modal{animation:.4s cubic-bezier(.34,1.56,.64,1) modalBounce}@keyframes modalBounce{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.shipment-items-section{background:#f8fafc99;border:1px solid #e2e8f099;border-radius:14px;margin-top:25px;padding:20px}body.dark-mode .shipment-items-section{background:#0f172a66;border-color:#33415599}.shipment-items-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shipment-items-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:800}body.dark-mode .shipment-items-header h3{color:#f1f5f9}.add-row-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 4px 12px #10b9814d}.add-row-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98173}.shipment-items-table{flex-direction:column;gap:10px;display:flex}.shipment-items-head{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:10px;grid-template-columns:2fr 1fr 1.5fr 1.5fr 40px;gap:10px;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.shipment-items-row{grid-template-columns:2fr 1fr 1.5fr 1.5fr 40px;align-items:center;gap:10px;animation:.3s rowSlideIn;display:grid}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shipment-items-row select,.shipment-items-row input{background:#fff;border:1.5px solid #e2e8f0cc;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .2s}body.dark-mode .shipment-items-row select,body.dark-mode .shipment-items-row input{color:#f1f5f9;background:#0f172a;border-color:#334155}.shipment-items-row select:focus,.shipment-items-row input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.remove-row-btn{color:#dc2626;cursor:pointer;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;transition:all .25s;display:flex}.remove-row-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:scale(1.1)}body.dark-mode .remove-row-btn{color:#fecaca;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.shipments-list{flex-direction:column;gap:14px;margin-top:15px;display:flex}.shipment-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#ffffffbf;border:1px solid #e2e8f099;border-radius:14px;padding:16px;transition:all .3s}.shipment-card:hover{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 12px 30px #6366f126}.shipment-card.pending-card.selected{background:#6366f10d;border-color:#6366f1;box-shadow:0 8px 25px #6366f133}body.dark-mode .shipment-card{background:#1e293bbf;border-color:#33415599}.shipment-card-header{border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}body.dark-mode .shipment-card-header{border-color:#33415580}.shipment-card-customer{align-items:center;gap:12px;display:flex}.shipment-card-customer strong{color:#1e293b;font-size:14px;font-weight:800;display:block}.shipment-card-customer small{color:#64748b;margin-top:2px;font-size:11px;display:block}body.dark-mode .shipment-card-customer strong{color:#f1f5f9}body.dark-mode .shipment-card-customer small{color:#94a3b8}.shipment-card-items{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.shipment-item-mini{color:#475569;background:#f8fafccc;border-radius:8px;flex-wrap:wrap;gap:12px;padding:6px 10px;font-size:12px;display:flex}body.dark-mode .shipment-item-mini{color:#cbd5e1;background:#0f172a80}.shipment-card-footer{border-top:1px solid #e2e8f080;justify-content:space-between;padding-top:10px;display:flex}body.dark-mode .shipment-card-footer{border-color:#33415580}.shipment-card-footer small{color:#94a3b8;font-size:11px;font-weight:600}.status-badge{white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.status-pending{color:#c2410c;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);box-shadow:0 2px 8px #f59e0b33}.status-approved{color:#047857;background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%);box-shadow:0 2px 8px #10b98133}.status-rejected{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);box-shadow:0 2px 8px #ef444433}body.dark-mode .status-pending{color:#fed7aa;background:linear-gradient(135deg,#7c2d12 0%,#9a3412 100%)}body.dark-mode .status-approved{color:#a7f3d0;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}body.dark-mode .status-rejected{color:#fecaca;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.role-badge{border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-block}.role-admin{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.role-tehran{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.role-factory{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.role-viewer{color:#475569;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}body.dark-mode .role-admin{color:#fde68a;background:linear-gradient(135deg,#78350f 0%,#92400e 100%)}body.dark-mode .role-tehran{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}body.dark-mode .role-factory{color:#bbf7d0;background:linear-gradient(135deg,#14532d 0%,#166534 100%)}body.dark-mode .role-viewer{color:#cbd5e1;background:linear-gradient(135deg,#334155 0%,#475569 100%)}.shipment-products-cell{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.mini-product-tag{color:#4f46e5;background:#6366f11a;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}body.dark-mode .mini-product-tag{color:#a5b4fc;background:#818cf826}.more-tag{color:#475569;background:#64748b26;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.reject-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;padding:13px 28px;font-family:inherit;font-size:13px;font-weight:800;transition:all .25s;box-shadow:0 6px 18px #ef444459}.reject-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef444480}@media (width<=700px){.shipment-items-head{display:none}.shipment-items-row{background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;grid-template-columns:1fr;padding:12px}body.dark-mode .shipment-items-row{background:#1e293b;border-color:#334155}.remove-row-btn{width:100%;height:40px}.shipment-card-header{flex-direction:column;align-items:flex-start;gap:10px}.shipment-card-footer{flex-direction:column;align-items:flex-start;gap:6px}}.items-approve-list{flex-direction:column;gap:16px;margin-top:15px;display:flex}.item-approve-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffbf;border:2px solid #e2e8f099;border-radius:16px;padding:18px;transition:all .3s}body.dark-mode .item-approve-card{background:#1e293bbf;border-color:#33415599}.item-approve-card.item-pending{background:linear-gradient(135deg,#fffbeb80 0%,#ffffffbf 100%);border-color:#f59e0b66}body.dark-mode .item-approve-card.item-pending{background:linear-gradient(135deg,#7c2d121a 0%,#1e293bbf 100%)}.item-approve-card.item-approved{background:linear-gradient(135deg,#ecfdf580 0%,#ffffffbf 100%);border-color:#10b98166}body.dark-mode .item-approve-card.item-approved{background:linear-gradient(135deg,#064e3b1a 0%,#1e293bbf 100%)}.item-approve-card.item-rejected{opacity:.85;background:linear-gradient(135deg,#fee2e280 0%,#ffffffbf 100%);border-color:#ef444466}body.dark-mode .item-approve-card.item-rejected{background:linear-gradient(135deg,#7f1d1d26 0%,#1e293bbf 100%)}.item-approve-header{border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}body.dark-mode .item-approve-header{border-color:#33415580}.item-approve-title{align-items:center;gap:12px;display:flex}.product-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#c7d2fe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}body.dark-mode .product-icon{color:#c7d2fe;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}.item-approve-title strong{color:#1e293b;font-size:15px;font-weight:800;display:block}.item-approve-title small{color:#64748b;margin-top:3px;font-size:11px;display:block}body.dark-mode .item-approve-title strong{color:#f1f5f9}body.dark-mode .item-approve-title small{color:#94a3b8}.item-approve-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.item-form-group{flex-direction:column;gap:6px;display:flex}.item-form-group label{color:#64748b;font-size:11px;font-weight:700}body.dark-mode .item-form-group label{color:#94a3b8}.item-form-group input{text-align:center;background:#fff;border:1.5px solid #e2e8f0cc;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}body.dark-mode .item-form-group input{color:#f1f5f9;background:#0f172a;border-color:#334155}.item-form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.item-actions{gap:8px;display:flex}.item-approve-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;height:42px;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:800;transition:all .25s;box-shadow:0 4px 12px #10b9814d}.item-approve-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98173}.item-approve-btn:active{transform:translateY(0)}.item-reject-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:10px;height:42px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:800;transition:all .25s}.item-reject-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 6px 18px #ef444466}body.dark-mode .item-reject-btn{color:#fecaca;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.item-approved-info{background:#ecfdf599;border:1px solid #10b98133;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}body.dark-mode .item-approved-info{background:#064e3b26;border-color:#10b9814d}.info-row{text-align:center;flex-direction:column;gap:4px;display:flex}.info-row span{color:#64748b;font-size:11px;font-weight:600}.info-row strong{color:#047857;font-size:15px;font-weight:800}body.dark-mode .info-row span{color:#94a3b8}body.dark-mode .info-row strong{color:#a7f3d0}.item-rejected-info{background:#fee2e299;border:1px solid #ef444433;border-radius:12px;padding:14px}body.dark-mode .item-rejected-info{background:#7f1d1d26;border-color:#ef44444d}.item-rejected-info p{color:#b91c1c;margin:0;font-size:13px;font-weight:600}body.dark-mode .item-rejected-info p{color:#fecaca}.item-rejected-info strong{font-weight:800}.mini-status{border-radius:12px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.mini-status.status-pending{color:#c2410c;background:#f59e0b26}.mini-status.status-approved{color:#047857;background:#10b98126}.mini-status.status-rejected{color:#b91c1c;background:#ef444426}body.dark-mode .mini-status.status-pending{color:#fed7aa;background:#f59e0b40}body.dark-mode .mini-status.status-approved{color:#a7f3d0;background:#10b98140}body.dark-mode .mini-status.status-rejected{color:#fecaca;background:#ef444440}@media (width<=700px){.item-approve-form{grid-template-columns:1fr}.item-approve-header{flex-direction:column;align-items:flex-start;gap:10px}.item-approved-info{grid-template-columns:1fr}.item-actions{width:100%}.item-actions button{flex:1}}.shipment-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;display:grid}.summary-item{border:1.5px solid;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.summary-item:hover{transform:translateY(-3px)}.summary-pending{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#f59e0b4d}.summary-approved{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b9814d}.summary-rejected{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef44444d}body.dark-mode .summary-pending{background:linear-gradient(135deg,#7c2d12 0%,#9a3412 100%);border-color:#f59e0b66}body.dark-mode .summary-approved{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#10b98166}body.dark-mode .summary-rejected{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);border-color:#ef444466}.summary-icon{font-size:26px}.summary-item strong{font-size:22px;font-weight:800;line-height:1.2;display:block}.summary-pending strong{color:#c2410c}.summary-approved strong{color:#047857}.summary-rejected strong{color:#b91c1c}body.dark-mode .summary-pending strong{color:#fed7aa}body.dark-mode .summary-approved strong{color:#a7f3d0}body.dark-mode .summary-rejected strong{color:#fecaca}.summary-item small{color:#64748b;margin-top:2px;font-size:11px;font-weight:700;display:block}body.dark-mode .summary-item small{color:#cbd5e1}.final-actions-panel{background:linear-gradient(135deg,#6366f10d 0%,#8b5cf60d 100%);border:2px dashed #6366f14d}body.dark-mode .final-actions-panel{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border-color:#818cf866}.final-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.final-actions button{cursor:pointer;border:none;border-radius:14px;min-width:220px;padding:16px 32px;font-family:inherit;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.final-approve-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 25px #10b98166}.final-approve-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #10b9818c}.final-approve-btn:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;opacity:.7;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%)}.final-reject-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 25px #ef444466}.final-reject-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ef44448c}.final-reject-btn:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;opacity:.7;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%)}.final-hint{text-align:center;color:#f59e0b;background:#f59e0b1a;border-radius:10px;margin-top:16px;padding:10px;font-size:12px;font-weight:700}body.dark-mode .final-hint{color:#fed7aa;background:#f59e0b26}@media (width<=700px){.shipment-summary{grid-template-columns:1fr}.final-actions{flex-direction:column}.final-actions button{width:100%}}.final-status-panel{background:linear-gradient(135deg,#10b9810d 0%,#6366f10d 100%);border:2px solid #10b9814d;padding:24px}.final-status-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.final-status-icon{font-size:50px}.final-status-content h3{color:#047857;margin:0 0 6px;font-size:18px;font-weight:800}.final-status-content p{color:#64748b;margin:0;font-size:13px}body.dark-mode .final-status-panel{background:linear-gradient(135deg,#10b9811a 0%,#6366f11a 100%);border-color:#10b98166}body.dark-mode .final-status-content h3{color:#a7f3d0}body.dark-mode .final-status-content p{color:#94a3b8}.bulk-actions{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px dashed #10b981;border-radius:14px;flex-wrap:wrap;align-items:center;gap:15px;padding:18px;display:flex}.bulk-approve-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #10b9814d}.bulk-approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.bulk-approve-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#9ca3af}.bulk-info{color:#065f46;font-size:13px;font-weight:600}body.dark-mode .bulk-actions{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#34d399}body.dark-mode .bulk-info{color:#a7f3d0}.wizard-steps{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000d}.wizard-step{color:#9ca3af;background:#f3f4f6;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.wizard-step.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f14d}.wizard-step.done{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.wizard-number{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.wizard-step:not(.active):not(.done) .wizard-number{color:#6b7280;background:#e5e7eb}.wizard-label{white-space:nowrap}.wizard-line{background:#e5e7eb;border-radius:2px;width:30px;height:2px}.item-original-info{background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:12px;margin-bottom:10px;padding:16px}.item-original-info h4{color:#374151;margin:0 0 12px;font-size:14px}.item-original-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.item-original-grid>div{background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.item-original-grid span{color:#6b7280;font-size:12px}.item-original-grid strong{color:#111827;font-size:15px}.final-summary-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:25px;padding:20px}.final-summary-section h3{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 16px;padding-bottom:10px;font-size:16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.summary-grid>div{background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;padding:10px 14px;display:flex}.summary-grid span{color:#6b7280;font-size:13px}.summary-grid strong{color:#111827;font-size:14px}body.dark-mode .wizard-steps{background:#1f2937}body.dark-mode .wizard-step{color:#9ca3af;background:#374151}body.dark-mode .item-original-info{background:#1f2937;border-color:#4b5563}body.dark-mode .item-original-info h4{color:#e5e7eb}body.dark-mode .item-original-grid>div{background:#374151}body.dark-mode .item-original-grid strong{color:#f9fafb}body.dark-mode .final-summary-section{background:#1f2937;border-color:#374151}body.dark-mode .final-summary-section h3{color:#e5e7eb;border-bottom-color:#374151}body.dark-mode .summary-grid>div{background:#374151;border-color:#4b5563}body.dark-mode .summary-grid strong{color:#f9fafb}.filter-select-pretty{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;min-width:180px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.filter-select-pretty:hover{background:#fff;border-color:#6366f1}.filter-select-pretty:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}body.dark-mode .filter-select-pretty{color:#f9fafb;background:#374151;border-color:#4b5563}.topbar-actions{align-items:center;gap:12px;display:flex}.backup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;align-items:center;gap:6px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #6366f14d}.backup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.backup-btn:active{transform:translateY(0)}body.dark-mode .backup-btn{box-shadow:0 4px 15px #818cf866}.persian-day.today{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:800;position:relative;box-shadow:0 4px 12px #6366f166;color:#fff!important}.persian-day.today:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.persian-day.today:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:scale(1.1)}body.dark-mode .persian-day.today{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);box-shadow:0 4px 12px #818cf880}.details-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:12px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #6366f14d}.details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f173}.details-btn:active{transform:translateY(0)}body.dark-mode .details-btn{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)}.expand-icon{display:none}.expanded-row td{background:0 0!important;border:none!important;padding:0!important}.customer-details-expanded{background:#6366f10a;border:2px dashed #6366f14d;border-radius:14px;margin:8px 10px;padding:20px;animation:.3s slideDown}body.dark-mode .customer-details-expanded{background:#6366f114;border-color:#818cf866}.customer-details-expanded h4{color:#4f46e5;margin:0 0 15px;font-size:15px;font-weight:800}body.dark-mode .customer-details-expanded h4{color:#a5b4fc}@media print{body *{visibility:hidden}.modal-box,.modal-box *{visibility:visible}.modal-box{width:100%;max-width:100%;max-height:none;box-shadow:none;border-radius:0;position:absolute;top:0;left:0;overflow:visible}.modal-close,.modal-header button{display:none!important}}.print-header{display:none}.print-header-info h1{color:#111827;margin:0;font-size:20px}.print-header-info p{color:#6b7280;margin:4px 0 0;font-size:12px}.print-header-date{text-align:left;flex-direction:column;gap:4px;display:flex}.print-header-date span{color:#6b7280;font-size:11px}.print-header-date strong{color:#111827;font-size:13px}@media print{body *{visibility:hidden}.modal-box,.modal-box *{visibility:visible}.modal-box{width:100%;max-width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;position:absolute;top:0;left:0;overflow:visible}.modal-close,.modal-header button{display:none!important}.print-header{background:#f9fafb;border-bottom:2px solid #6366f1;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px 20px;display:flex!important}.print-logo{object-fit:contain;border-radius:10px;width:70px;height:70px}.print-header-info{text-align:right;flex:1;padding:0 15px}.modal-box .orders-table{font-size:11px}.modal-box .orders-table th,.modal-box .orders-table td{border:1px solid #ddd;padding:6px 8px}.modal-box .orders-table thead,.modal-box .orders-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#6366f1!important}.final-summary-section{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}.final-summary-section h3{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#111827!important;background:#e5e7eb!important;margin:-20px -20px 15px!important;padding:8px 12px!important}@page{size:A4 landscape;margin:8mm}.modal-box{font-size:11px;width:100%!important;max-width:100%!important}.final-summary-section{margin-bottom:12px!important;padding:12px!important}.final-summary-section h3{margin:-12px -12px 10px!important;padding:6px 10px!important;font-size:13px!important}.summary-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.summary-grid>div{padding:6px 10px!important;font-size:11px!important}.summary-grid span{font-size:10px!important}.summary-grid strong{font-size:11px!important}.modal-box .orders-table{table-layout:fixed;width:100%!important;font-size:10px!important}.modal-box .orders-table th,.modal-box .orders-table td{word-wrap:break-word;overflow-wrap:break-word;padding:4px 5px!important;font-size:10px!important}.modal-box .orders-table thead th{font-size:10px!important}.modal-box .orders-table tr{page-break-inside:avoid}.modal-box .orders-table thead{display:table-header-group}.print-header{margin-bottom:10px!important;padding:10px 15px!important}.print-logo{width:55px!important;height:55px!important}.print-header-info h1{font-size:16px!important}.print-header-info p{font-size:10px!important}.print-header-date span{font-size:9px!important}.print-header-date strong{font-size:11px!important}}.user-dropdown-wrapper{z-index:10;display:inline-block;position:static}.user-dropdown-wrapper .user-box{cursor:pointer;font-family:inherit;font-size:inherit;color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.user-dropdown-wrapper .user-box:hover{background:#0000000d}.user-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:9999;transform-origin:0 0;background:#fffffff2;border:1px solid #fff9;border-radius:16px;min-width:220px;padding:8px;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownBounce;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 50px #00000026,0 10px 20px #00000014,inset 0 1px #fffc}@keyframes dropdownBounce{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}body.dark-mode .user-dropdown-menu{background:#1e293bf2;border-color:#334155cc;box-shadow:0 20px 50px #0006,0 10px 20px #0000004d,inset 0 1px #ffffff1a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#374151;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{color:#6366f1;background:#6366f114;transform:translate(-3px)}.dropdown-item:active{transform:translate(-1px)scale(.98)}body.dark-mode .user-dropdown-wrapper .user-box:hover{background:#ffffff0d}body.dark-mode .user-dropdown-menu{background:#1f2937;border-color:#374151}body.dark-mode .dropdown-item{color:#e5e7eb}body.dark-mode .dropdown-item:hover{color:#a5b4fc;background:#374151}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:10px 0;display:grid}.report-card{cursor:pointer;text-align:right;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:20px;font-family:inherit;transition:all .25s;display:flex;position:relative;overflow:hidden}.report-card:before{content:"";background:var(--report-color);width:4px;transition:width .25s;position:absolute;top:0;bottom:0;right:0}.report-card:hover{border-color:var(--report-color);transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.report-card:hover:before{width:6px}.report-icon{background:color-mix(in srgb, var(--report-color) 12%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.report-info{flex:1}.report-info h3{color:#111827;margin:0 0 6px;font-size:16px}.report-info p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.report-arrow{color:var(--report-color);opacity:.5;font-size:20px;transition:all .25s}.report-card:hover .report-arrow{opacity:1;transform:translate(-5px)}body.dark-mode .report-card{background:#1f2937;border-color:#374151}body.dark-mode .report-info h3{color:#f9fafb}body.dark-mode .report-info p{color:#9ca3af}.quick-filters{border-top:1px dashed #e5e7eb;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:15px;display:flex}.quick-filters-label{color:#6b7280;font-size:13px;font-weight:700}.quick-filter-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.quick-filter-btn:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}.quick-filter-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d}.developer-modal{text-align:center;max-width:420px;padding:35px 28px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalBounce;position:relative}.developer-modal-logo{object-fit:contain;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:20px;width:100px;height:100px;margin-bottom:15px;padding:12px;box-shadow:0 10px 30px #6366f140}body.dark-mode .developer-modal-logo{background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}.developer-modal h2{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:800}body.dark-mode .developer-modal h2{color:#f1f5f9}.developer-modal-role{color:#6366f1;margin:0 0 25px;font-size:13px;font-weight:700}body.dark-mode .developer-modal-role{color:#a5b4fc}.developer-modal-info{text-align:right;flex-direction:column;gap:12px;display:flex}.developer-info-item{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1.5px solid #6366f126;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .25s;display:flex}body.dark-mode .developer-info-item{background:linear-gradient(135deg,#1e293b 0%,#312e81 100%);border-color:#818cf833}.developer-info-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f126}.developer-info-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 3px 10px #00000014}body.dark-mode .developer-info-icon{background:#1e293b}.developer-info-item small{color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.developer-info-item strong{color:#1e293b;text-align:left;direction:ltr;font-size:14px;font-weight:800;display:block}body.dark-mode .developer-info-item strong{color:#f1f5f9}.top-products-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.top-product-item{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;transition:all .25s;display:flex}.top-product-item:hover{background:#6366f10d;transform:translate(-4px);box-shadow:0 6px 18px #6366f11f}body.dark-mode .top-product-item{background:#0f172a80;border-color:#33415599}.top-product-rank{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px 10px #00000026}.top-product-info{flex:1;min-width:0}.top-product-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.top-product-header strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}body.dark-mode .top-product-header strong{color:#f1f5f9}.top-product-weight{color:#6366f1;white-space:nowrap;font-size:11px;font-weight:800}body.dark-mode .top-product-weight{color:#a5b4fc}.top-product-progress{background:#e2e8f0cc;border-radius:20px;width:100%;height:6px;margin-bottom:4px;overflow:hidden}body.dark-mode .top-product-progress{background:#334155cc}.top-product-progress-fill{border-radius:20px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #6366f14d}.top-product-meta{color:#94a3b8;justify-content:space-between;font-size:9px;font-weight:600;display:flex}body.dark-mode .top-product-meta{color:#64748b}.submenu-arrow{opacity:.7;justify-content:center;align-items:center;margin-right:auto;display:flex}.submenu{background:#6366f10d;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:7px;padding:6px 12px 8px;animation:.25s submenuSlide;display:flex}body.dark-mode .submenu{background:#818cf814}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submenu-item{color:#64748b;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.submenu-item:hover{color:#6366f1;background:#6366f11a;transform:translate(-3px)}.submenu-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:700;box-shadow:0 4px 12px #6366f14d}.submenu-item span{flex:1}body.dark-mode .submenu-item{color:#94a3b8}body.dark-mode .submenu-item:hover{color:#a5b4fc;background:#818cf826}body.dark-mode .submenu-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.profile-modal{text-align:center;max-width:500px;padding:35px 30px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalBounce;position:relative}.profile-modal-avatar{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 15px;font-size:42px;display:flex;box-shadow:0 10px 30px #6366f159}.profile-modal h2{color:#1e293b;margin:0 0 6px;font-size:20px;font-weight:800}body.dark-mode .profile-modal h2{color:#f1f5f9}.profile-modal-role{color:#6366f1;margin:0 0 25px;font-size:13px;font-weight:700}body.dark-mode .profile-modal-role{color:#a5b4fc}.profile-modal .form-grid{text-align:right}.profile-modal .password-input-wrapper{width:100%;position:relative}.profile-modal .password-input-wrapper input{padding-left:45px}.profile-modal .toggle-password{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.profile-modal .toggle-password:hover{background:#6366f11a}.user-profile-box{transition:all .25s}.user-profile-box:hover{background:#6366f114}body.dark-mode .user-profile-box:hover{background:#818cf81f}@media (width>=701px){.menu-item>span:not(.submenu-arrow){display:inline!important}.sidebar{width:260px!important}.main{width:calc(100% - 260px)!important;margin-right:260px!important}.submenu{box-shadow:none!important;background:0 0!important;border:none!important;min-width:auto!important;margin-bottom:7px!important;padding:6px 12px 8px!important;position:static!important;top:auto!important;right:auto!important;transform:none!important}.submenu-item span{display:inline!important}}.menu-item .submenu-arrow{opacity:.6;justify-content:center;align-items:center;margin-right:auto;font-size:12px;transition:transform .25s,opacity .25s;display:inline-flex}.menu-item:hover .submenu-arrow,.menu-item.active .submenu-arrow{opacity:1}.menu-item.active .submenu-arrow svg{transition:transform .25s;transform:rotate(180deg)}@media (width>=701px){.sidebar{width:260px!important}.main{width:calc(100% - 260px)!important;margin-right:260px!important;padding:30px 35px!important}.menu-item>span:not(.submenu-arrow){display:inline!important}.menu-item{justify-content:flex-start!important;gap:14px!important;padding:14px 18px!important}.submenu{box-shadow:none!important;background:#6366f10d!important;border:none!important;margin-bottom:7px!important;padding:6px 12px 8px!important;position:static!important}.submenu-item span{display:inline!important}.submenu-arrow{display:inline-flex!important}}.menu-item.active{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;box-shadow:0 6px 20px #6366f159!important}@media (width>=701px){.brand{padding:25px 20px!important}.brand img{width:190px!important;max-width:100%!important;height:auto!important}}body.dark-mode .modal-box div[style*="background: rgb(249, 250, 251)"],body.dark-mode .modal-box div[style*="background: #f9fafb"]{border:1px solid #33415599;background:#1e293bcc!important}body.dark-mode .modal-box p,body.dark-mode .modal-box h4,body.dark-mode .modal-box strong,body.dark-mode .modal-box span,body.dark-mode .modal-box small,body.dark-mode .modal-box label{color:#f1f5f9!important}body.dark-mode .modal-box div[style*="background: rgb(219, 234, 254)"],body.dark-mode .modal-box div[style*="background: #dbeafe"]{background:#1e3a8a66!important;border-right-color:#60a5fa!important}body.dark-mode .modal-box div[style*="background: rgb(243, 244, 246)"],body.dark-mode .modal-box div[style*="background: #f3f4f6"]{background:#33415580!important;border-right-color:#94a3b8!important}body.dark-mode .modal-box div[style*="background: rgb(254, 243, 199)"],body.dark-mode .modal-box div[style*="background: #fef3c7"]{color:#fde68a!important;background:#78350f66!important}body.dark-mode .modal-box textarea{color:#f1f5f9!important;background:#0f172acc!important;border-color:#334155!important}body.dark-mode .modal-box textarea::placeholder{color:#64748b!important}@media (width<=700px){.sidebar{z-index:9999!important;background:var(--white)!important;border-left:none!important;flex-direction:column!important;width:270px!important;height:100vh!important;padding-bottom:10px!important;transition:right .3s ease-in-out!important;display:flex!important;position:fixed!important;top:0!important;right:-300px!important;overflow-y:auto!important;box-shadow:-10px 0 30px #00000026!important}body.dark-mode .sidebar{background:#0f172a!important}.sidebar.open{right:0!important}.mobile-topbar{color:#fff!important;background:linear-gradient(135deg,#3b82f6e6 0%,#2563ebe6 100%)!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;margin:0 0 20px!important;padding:12px 16px!important;display:flex!important;box-shadow:0 4px 15px #2563eb4d!important}.mobile-topbar-right{flex-direction:row!important;align-items:center!important;gap:12px!important;display:flex!important}.mobile-topbar-right h1{white-space:nowrap;color:#fff!important;margin:0!important;font-size:16px!important;font-weight:800!important}.mobile-topbar-left{align-items:center!important;gap:8px!important;display:flex!important}.mobile-icon-btn,.mobile-topbar .user-box{color:#fff!important;cursor:pointer!important;box-shadow:none!important;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;padding:8px!important;display:flex!important}.mobile-topbar .user-box svg,.mobile-icon-btn svg{width:22px!important;height:22px!important;margin:0!important}.mobile-topbar-center p{color:#fffc!important;margin:2px 0 0!important;font-size:10px!important}.mobile-menu-btn{color:#fff!important;cursor:pointer!important;box-shadow:none!important;background:#fff3!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:6px!important;display:flex!important;position:static!important}.mobile-topbar .user-box{color:#fff!important;box-shadow:none!important;background:#fff3!important;border-radius:10px!important;margin:0!important;padding:6px 10px!important}.mobile-topbar .user-box span{display:none!important}.mobile-topbar .user-box svg{margin:0!important}body.dark-mode .mobile-menu-btn{color:#f1f5f9!important;background:#1e293b!important;border-color:#334155!important}.mobile-overlay{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:9998!important;background:#0009!important;display:none!important;position:fixed!important;inset:0!important}.mobile-overlay.show{display:block!important}.menu{flex-direction:column!important;padding:0 15px!important;display:flex!important}.menu-item{color:var(--gray-700)!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;margin-bottom:4px!important;padding:14px 10px!important;display:flex!important}body.dark-mode .menu-item{color:#cbd5e1!important}.menu-item span{text-align:right!important;flex:1!important;font-size:14px!important;font-weight:600!important;display:block!important}.menu-item>svg{display:none!important}.menu-item.active{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;box-shadow:0 4px 15px #2563eb4d!important}.submenu-arrow{color:var(--gray-500)!important;margin-right:0!important;display:flex!important}body.dark-mode .submenu-arrow{color:#94a3b8!important}.submenu{box-shadow:none!important;background:0 0!important;border-radius:8px!important;flex-direction:column!important;gap:4px!important;margin:0 0 8px!important;padding:4px 8px!important;display:flex!important;position:static!important}body.dark-mode .submenu{background:0 0!important}.submenu-item{color:var(--gray-700)!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:flex-start!important;gap:8px!important;padding:10px 14px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.submenu-item:hover{background:#6366f114!important}.submenu-item.active{color:#4f46e5!important;background:#6366f126!important;font-weight:800!important}body.dark-mode .submenu-item{color:#cbd5e1!important}body.dark-mode .submenu-item.active{color:#a5b4fc!important;background:#818cf826!important}.mobile-theme-switcher{background:#1e293b!important;border:1px solid #334155!important;border-radius:10px!important;height:44px!important;margin:auto 15px 15px!important;padding:4px!important;display:flex!important}.theme-btn{cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;font-size:18px!important;display:flex!important}.theme-btn.active{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)!important;box-shadow:0 4px 10px #7c3aed66!important}.main{width:100%!important;margin-right:0!important;padding:10px 10px 15px!important}.mobile-topbar{border-radius:16px!important;margin:0 0 20px!important;padding:12px!important}.brand{border-bottom:1px solid #e5e7eb!important;justify-content:center!important;align-items:center!important;margin-bottom:10px!important;padding:20px 10px!important;display:flex!important}body.dark-mode .brand{border-bottom-color:#334155!important}.brand img{width:140px!important;max-width:100%!important;height:auto!important}.modal-overlay,.user-dropdown-menu{z-index:99999!important}}@media (width>=701px){.mobile-theme-switcher,.mobile-menu-btn,.mobile-overlay,.mobile-topbar{display:none!important}.sidebar-footer{display:flex!important}}@media (width<=700px){.topbar,.hide-on-mobile{display:none!important}.custom-delete-cat-overlay{z-index:9999999!important;background:#0009!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}}select option:checked{color:#1e293b!important;background:#eef2ff linear-gradient(#eef2ff,#eef2ff)!important}.custom-select-options [style*=background]{background-color:#0000!important}.custom-select-options>div:not(:hover){color:#334155!important;background-color:#0000!important}.custom-select-options>div:hover{color:#1e293b!important;background-color:#f1f5f9!important}select option:checked{color:#1e293b!important;background-color:#eef2ff!important}body.dark-mode .custom-select-options>div:not(:hover){color:#fff!important}body.dark-mode .custom-select-options>div:hover{color:#fff!important;background-color:#334155!important}body.dark-mode select option:checked,body.dark-mode select option:hover{color:#fff!important;background-color:#312e81!important}body.dark-mode .sidebar,body.dark-mode .mobile-topbar,body.dark-mode .panel,body.dark-mode .main{color:#f8fafc!important;background-color:#0f172a!important}body.dark-mode .sidebar .menu-item,body.dark-mode .sidebar .submenu-item,body.dark-mode .sidebar-footer,body.dark-mode .topbar{color:#f8fafc!important;border-color:#334155!important}body.dark-mode .sidebar .menu-item:hover,body.dark-mode .sidebar .submenu-item:hover{background-color:#1e293b!important}body.dark-mode .stat-card,body.dark-mode .login-container,body.dark-mode .modal-box{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode strong,body.dark-mode .customer-name,body.dark-mode .stat-card span{color:#f8fafc!important}body.dark-mode .stat-card small,body.dark-mode p,body.dark-mode label{color:#94a3b8!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode .orders-table th,body.dark-mode .orders-table td{color:#f8fafc!important;border-color:#334155!important}body.dark-mode .orders-table tr:hover{background-color:#1e293b!important}body.dark-mode .topbar h1,body.dark-mode .topbar p{color:#f8fafc!important}body.dark-mode input[type=number]::-webkit-inner-spin-button{filter:invert();opacity:.5}body.dark-mode input[type=number]::-webkit-outer-spin-button{filter:invert();opacity:.5}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.login-page{direction:rtl!important;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;font-family:inherit!important;display:flex!important;position:relative!important;overflow:hidden!important}.login-bg-shape{display:none!important}.login-container{z-index:10!important;-webkit-backdrop-filter:blur(16px)!important;background:#1e293bb3!important;border:1px solid #ffffff1a!important;border-radius:24px!important;width:100%!important;max-width:420px!important;padding:40px!important;animation:.6s cubic-bezier(.4,0,.2,1) loginSlideUp!important;position:relative!important;box-shadow:0 25px 50px -12px #00000080!important}.login-brand{flex-direction:column!important;align-items:center!important;margin-bottom:30px!important;display:flex!important;transform:none!important}.login-brand img{filter:brightness(0)invert()!important;width:120px!important;height:auto!important;box-shadow:none!important;margin-bottom:15px!important}.login-brand p{color:#94a3b8!important;text-align:center!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0 20px!important;font-size:13px!important;font-weight:500!important;line-height:1.8!important;position:relative!important}.login-brand p:after{content:""!important;opacity:.7!important;background:#6366f1!important;border-radius:2px!important;width:40px!important;height:2px!important;margin:12px auto 0!important;display:block!important}.login-form h2{color:#f8fafc!important;text-align:center!important;margin-bottom:25px!important;font-size:20px!important;font-weight:700!important}.login-form-group{flex-direction:column!important;gap:8px!important;margin-bottom:20px!important;display:flex!important}.login-form-group label{color:#94a3b8!important;font-size:13px!important;font-weight:600!important}.login-form-group input{color:#f8fafc!important;background:#0f172a99!important;border:1px solid #ffffff1a!important;border-radius:12px!important;outline:none!important;width:100%!important;height:50px!important;padding:0 16px!important;font-family:inherit!important;font-size:14px!important;transition:all .3s!important}.login-form-group input:focus{background:#0f172ae6!important;border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f133!important}.login-form-group input::placeholder{color:#475569!important}.login-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:50px!important;margin-top:10px!important;font-family:inherit!important;font-size:16px!important;font-weight:700!important;transition:all .3s!important;display:flex!important}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px -10px #6366f180!important}.login-btn:disabled{opacity:.7!important;cursor:not-allowed!important}.login-error{color:#fca5a5!important;background:#ef44441a!important;border:1px solid #ef444433!important;border-radius:10px!important;align-items:center!important;gap:8px!important;margin-bottom:20px!important;padding:12px!important;font-size:13px!important;display:flex!important}.password-input-wrapper{position:relative!important}.password-input-wrapper input{padding-left:45px!important}.toggle-password{cursor:pointer!important;color:#94a3b8!important;box-shadow:none!important;background:0 0!important;border:none!important;align-items:center!important;padding:0!important;font-size:18px!important;display:flex!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}@media (width<=900px){.shipment-items-row{grid-template-columns:1fr!important;gap:10px!important;padding:15px!important}.shipment-items-row input,.shipment-items-row .custom-select-container{width:100%!important}.shipment-items-row>button{width:100%!important;height:40px!important}}