body.dark-mode{--primary:#60a5fa;--primary-dark:#3b82f6;--primary-light:#93c5fd;--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:#e45826;--primary-dark:#c2410c;--primary-light:#f97316;--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,#f0f9ff 0%,#e0f2fe 50%,#dbeafe 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%,#0c1e3d 50%,#0a2540 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 #93c5fd4d;flex-direction:column;width:260px;height:100vh;transition:background .4s;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-4px 0 30px #60a5fa14}body.dark-mode .sidebar{background:#0f172abf;border-left-color:#60a5fa26;box-shadow:-4px 0 30px #0000004d}.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:#4b5563;text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:7px;padding:14px 18px;font-size:14px;transition:all .2s;display:flex}.menu-item:hover{background:#f3f4f6}.menu-item.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translate(-4px);box-shadow:0 8px 25px #60a5fa66,inset 0 1px #ffffff4d}.menu-item:hover:not(.active){color:#3b82f6;background:#60a5fa1f;transform:translate(-4px)}body.dark-mode .menu-item:hover:not(.active){color:#93c5fd;background:#60a5fa26}.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{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{opacity:0;animation:.6s ease-out forwards fadeInUp}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.25s}.stat-card:nth-child(3){animation-delay:.4s}.stat-card:nth-child(4){animation-delay:.55s}.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 #0003;background:linear-gradient(135deg,#60a5faf2 0%,#3b82f6f2 100%);border:1.5px solid #93c5fd66;border-radius:14px;flex-direction:row;justify-content:center;align-items:center;gap:6px;min-height:auto;padding:14px 12px;font-family:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #60a5fa40,inset 0 1px #fff6,inset 0 -1px #00000014}.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 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:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%)}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}@media (width<=700px){.sidebar{width:70px}.brand{padding:15px 10px}.brand img{width:45px}.menu{padding:10px 8px}.menu-item{justify-content:center;margin-bottom:5px;padding:12px}.menu-item span{display:none}.developer-credit{padding:10px}.developer-credit img{width:35px;height:35px}.developer-credit span{display:none}.main{width:calc(100% - 70px);margin-right:70px;padding:15px}.topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.topbar h1{font-size:20px}.topbar p{font-size:12px}.user-box{padding:8px 14px;font-size:13px}.stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-card strong{font-size:20px}.stat-icon{width:42px;height:42px;font-size:18px}.dashboard-grid,.quick-buttons,.form-grid{grid-template-columns:1fr}.orders-table-wrapper,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.orders-table,.beautiful-production-table{min-width:700px}.theme-toggle{justify-content:center;margin:8px;padding:10px}.theme-toggle span{display:none}}.menu-item span{display:none}.menu-item{justify-content:center;gap:0;padding:10px}.menu-item svg{margin:0}.submenu{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:170px;padding:8px;animation:.2s submenuSlideIn;position:fixed;top:50%;right:60px;transform:translateY(-50%);box-shadow:0 10px 40px #0003}.menu-item.active svg{color:#fff!important}body.dark-mode .submenu{background:#1e293b;border-color:#334155}@keyframes submenuSlideIn{0%{opacity:0;transform:translateY(-50%)translate(-10px)}to{opacity:1;transform:translateY(-50%)translate(0)}}:is(.menu-item.active:has(+.submenu),.menu-item.active){color:#fff!important;background:linear-gradient(135deg,#b45309 0%,#4f46e5 100%)!important;box-shadow:0 4px 15px #6366f180!important}.submenu-item{border-radius:8px;gap:8px;padding:10px 12px;font-size:12px}.submenu-item span{display:inline!important}.submenu-arrow{display:none}.brand{padding:12px 8px}.brand img{width:40px;max-width:100%}.user-profile-info{display:none}.user-profile-header{justify-content:center;padding:8px}.user-profile-avatar{width:32px;height:32px;font-size:14px}.developer-credit span{display:none}.developer-credit img{width:32px;height:32px}.developer-credit{padding:10px 8px}.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,#e45826 0%,#c2410c 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,#e45826 0%,#c2410c 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,#60a5fa 0%,#3b82f6 50%,#2563eb 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,#93c5fd 0%,#60a5fa 100%);box-shadow:0 4px 12px #60a5fa59}.machine-badge{color:#1e40af;background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);box-shadow:0 4px 12px #93c5fd59}.weight-badge{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 12px #3b82f659}.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,#60a5fa 0%,#3b82f6 100%);font-weight:700;box-shadow:0 4px 12px #60a5fa66}@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,#60a5fa 0%,#3b82f6 50%,#2563eb 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,#60a5fa,#3b82f6)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#93c5fd,#60a5fa)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#bfdbfe,#93c5fd)}.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:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 6px 16px #60a5fa4d}.stat-card:nth-child(2) .stat-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 6px 16px #60a5fa40}.stat-card:nth-child(3) .stat-icon{color:#1e40af;background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);box-shadow:0 6px 16px #3b82f64d}.stat-card:nth-child(4) .stat-icon{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);box-shadow:0 6px 16px #60a5fa40}.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:4px;font-size:11px;font-weight:600;display:block}.stat-card strong{color:#1e293b;letter-spacing:-.5px;margin-bottom:2px;font-size:18px;font-weight:800;display:block}.stat-card strong small{color:#64748b;margin-right:2px;font-size:10px;font-weight:600;display:inline}.stat-card>div:last-child>small{color:#94a3b8;font-size:10px;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 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:#3b82f6;transform:translateY(-1px);box-shadow:0 0 0 4px #60a5fa26,0 4px 12px #60a5fa33}.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 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:#b45309}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,#60a5fa 0%,#3b82f6 100%);box-shadow:0 6px 20px #60a5fa66,inset 0 1px #ffffff40}.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,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 12px #60a5fa59}.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,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 6px 15px #60a5fa73}.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;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:#3b82f6}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:#b45309;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,#b45309 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:#3b82f6}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,#b45309 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:#b45309;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:#b45309;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.customer-chip.active{color:#fff;background:linear-gradient(135deg,#b45309 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 6px 18px #6366f166}.customer-chip.active .chip-avatar{color:#fff;background:#ffffff40}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,#b45309 0%,#8b5cf6 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}body.dark-mode .search-input-wrapper input:focus{background:#1e293b}.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:#3b82f6;background:#60a5fa1a;border-color:#3b82f6;transform:translateY(-2px)}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);border-color:#0000;box-shadow:0 4px 12px #60a5fa73}.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:#b45309}.control-select:focus{border-color:#b45309;box-shadow:0 0 0 3px #6366f11a}.total-count{color:#3b82f6;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,#b45309 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,#b45309 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 #b45309;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(-30px)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{bottom:15px;left:15px;right:15px}.toast{min-width:auto;max-width:100%}}.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:#b45309;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,#60a5fa 0%,#3b82f6 50%,#2563eb 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,#93c5fd,#60a5fa);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.shape-2{background:linear-gradient(135deg,#bfdbfe,#93c5fd);width:350px;height:350px;animation-delay:7s;bottom:-100px;left:-100px}.shape-3{background:linear-gradient(135deg,#3b82f6,#2563eb);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)}}.login-container{z-index:2;-webkit-backdrop-filter:blur(30px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:420px;padding:40px 32px;animation:.6s cubic-bezier(.4,0,.2,1) loginSlideUp;position:relative;box-shadow:0 25px 60px #0000004d,inset 0 1px #fff6}@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 label{color:#ffffffe6;font-size:13px;font-weight:600}.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::placeholder{color:#ffffff80}.login-form-group input:focus{background:#ffffff40;border-color:#fffc;box-shadow:0 0 0 4px #ffffff26}.login-form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-left:50px}.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,#60a5fa 0%,#3b82f6 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 #60a5fa80,inset 0 1px #ffffff4d}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #60a5fa99,inset 0 1px #ffffff4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.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)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.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,#dbeafe 0%,#bfdbfe 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,#1e40af 0%,#1e3a8a 100%)}.user-profile-avatar{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 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 #60a5fa59}.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:#3b82f6;font-size:10px;font-weight:700}body.dark-mode .user-profile-info small{color:#93c5fd}.logout-btn{color:#dc2626;cursor:pointer;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:12px;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: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,#60a5fa 0%,#3b82f6 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:#b45309;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:#b45309;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:#b45309;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,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 12px #60a5fa66}.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:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;min-width:180px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.filter-select-pretty option{color:#1e293b;background:#fff;padding:8px;font-weight:600}.filter-select-pretty:hover{background:#fff;border-color:#b45309}.filter-select-pretty:focus{background:#fff;border-color:#b45309;outline:none;box-shadow:0 0 0 3px #6366f11a}body.dark-mode .filter-select-pretty{color:#f9fafb;background:#1e293b;border-color:#4b5563}body.dark-mode .filter-select-pretty option{color:#f9fafb;background:#1e293b}.topbar-actions{align-items:center;gap:12px;display:flex}.backup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b45309 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,#b45309 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,#60a5fa 0%,#3b82f6 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 #60a5fa59}.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 #3b82f6;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:#3b82f6!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:9999;z-index:9999;display:inline-block;position:relative}.user-dropdown-wrapper .user-box{cursor:pointer;font-family:inherit;font-size:inherit;background:inherit;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:background .2s;display:flex}.user-dropdown-wrapper .user-box:hover{background:#0000000d}.user-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;padding:6px;animation:.15s dropdownFade;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #0000001f}@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:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{color:#3b82f6;background:#eff6ff}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:#93c5fd;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:#3b82f6;background:#eff6ff;border-color:#3b82f6}.quick-filter-btn.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);border-color:#0000;box-shadow:0 4px 12px #60a5fa66}.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:#b45309;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:#3b82f6;white-space:nowrap;font-size:11px;font-weight:800}body.dark-mode .top-product-weight{color:#93c5fd}.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:#3b82f6;background:#60a5fa1f;transform:translate(-3px)}.submenu-item.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);font-weight:700;box-shadow:0 4px 12px #60a5fa59}.submenu-item span{flex:1}body.dark-mode .submenu-item{color:#94a3b8}body.dark-mode .submenu-item:hover{color:#93c5fd;background:#60a5fa26}body.dark-mode .submenu-item.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 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,#b45309 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:#b45309;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,#60a5fa 0%,#3b82f6 100%)!important;box-shadow:0 8px 25px #60a5fa66!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}.category-select-wrapper{align-items:stretch;gap:8px;display:flex}.category-select-wrapper select{flex:1}.category-add-toggle{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.category-add-toggle:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.category-save-btn{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-color:#0000}.category-add-box{background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;animation:.2s slideDown;display:flex}.category-add-icon{flex-shrink:0;font-size:18px}.category-add-box input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.category-add-box input:focus{border-color:#94a3b8;outline:none}.category-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border:none;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.category-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #64748b4d}.cat-row{flex-direction:row!important;align-items:stretch!important;gap:8px!important;width:100%!important;display:flex!important}.cat-select{color:#1f2937!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;flex:1!important;width:auto!important;height:44px!important;padding:0 14px!important;font-family:inherit!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}.cat-select:focus{border-color:#94a3b8!important;outline:none!important;box-shadow:0 0 0 3px #94a3b826!important}.cat-add-btn{color:#6b7280!important;cursor:pointer!important;background:#f9fafb!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1!important;transition:all .2s!important;display:flex!important}.cat-add-btn:hover{color:#374151!important;background:#f3f4f6!important;border-color:#d1d5db!important}.cat-add-btn.active{color:#fff!important;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)!important;border-color:#0000!important}.cat-add-box{background:#f9fafb!important;border:1.5px dashed #d1d5db!important;border-radius:12px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin-top:10px!important;padding:10px 12px!important;animation:.2s catSlideDown!important;display:flex!important}@keyframes catSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cat-add-icon{flex-shrink:0!important;font-size:18px!important}.cat-add-input{color:#1f2937!important;background:#fff!important;border:1.5px solid #e5e7eb!important;border-radius:10px!important;flex:1!important;width:auto!important;height:38px!important;padding:0 12px!important;font-family:inherit!important;font-size:13px!important;transition:border-color .2s!important}.cat-add-input:focus{border-color:#94a3b8!important;outline:none!important}.cat-save-btn{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)!important;border:none!important;border-radius:10px!important;height:38px!important;padding:0 18px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.cat-save-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #64748b4d!important}.cat-list-box{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;margin-top:12px;padding:12px}.cat-list-label{color:#6b7280;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.cat-list{flex-direction:column;gap:6px;display:flex}.cat-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:all .15s;display:flex}.cat-list-item:hover{border-color:#d1d5db;box-shadow:0 2px 6px #0000000a}.cat-list-name{color:#374151;flex:1;font-size:13px;font-weight:600}.cat-mini-btn{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .15s;display:flex}.cat-mini-btn.edit{color:#2563eb;background:#eff6ff}.cat-mini-btn.edit:hover{background:#dbeafe}.cat-mini-btn.delete{color:#dc2626;background:#fef2f2}.cat-mini-btn.delete:hover{background:#fee2e2}.cat-mini-btn.save{color:#059669;background:#ecfdf5}.cat-mini-btn.save:hover{background:#d1fae5}.cat-mini-btn.cancel{color:#6b7280;background:#f3f4f6}.cat-mini-btn.cancel:hover{background:#e5e7eb}.cat-edit-input{background:#fff;border:1.5px solid #94a3b8;border-radius:6px;flex:1;height:30px;padding:0 10px;font-family:inherit;font-size:13px}.cat-edit-input:focus{border-color:#6366f1;outline:none}.cat-manage-btn{color:#374151!important;cursor:pointer!important;white-space:nowrap!important;background:#f9fafb!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;height:44px!important;padding:0 18px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.cat-manage-btn:hover{background:#f3f4f6!important;border-color:#d1d5db!important}.cat-manage-modal{width:90%!important;max-width:500px!important}.cat-manage-body{padding:20px!important}.cat-manage-list{flex-direction:column!important;gap:8px!important;max-height:300px!important;margin-bottom:20px!important;display:flex!important;overflow-y:auto!important}.cat-manage-item{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;transition:all .15s!important;display:flex!important}.cat-manage-item:hover{background:#f3f4f6!important;border-color:#d1d5db!important}.cat-manage-name{color:#374151!important;flex:1!important;font-size:14px!important;font-weight:600!important}.cat-manage-add{background:#f9fafb!important;border:1.5px dashed #d1d5db!important;border-radius:12px!important;padding:16px!important}.cat-manage-add-label{color:#6b7280!important;margin-bottom:10px!important;font-size:13px!important;font-weight:700!important;display:block!important}.cat-manage-add-row{gap:8px!important;display:flex!important}.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:#93c5fd}.search-select-input.open{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #60a5fa26}.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:#3b82f6;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:#3b82f6;box-shadow:0 0 0 3px #60a5fa26}.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:#b4530914}.search-result-item.active{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 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}.chip-avatar{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 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}.search-result-item.active .chip-avatar{color:#fff;background:#ffffff40}.chip-avatar.all{font-size:15px}body.dark-mode .search-select-input{background:#0f172a99;border-color:#334155cc}body.dark-mode .search-select-input:hover{background:#0f172acc;border-color:#b45309}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-result-item{color:#cbd5e1}body.dark-mode .search-result-item:hover{background:#b4530926}body.dark-mode .chip-avatar{color:#fed7aa;background:linear-gradient(135deg,#78350f 0%,#92400e 100%)}.filter-row .filter-select-pretty,.cat-select,.filter-select-pretty{color:#1e293b!important;background:#fff!important;border:1.5px solid #cbd5e1!important;font-weight:600!important}.filter-row .filter-select-pretty:focus,.filter-select-pretty:focus{color:#1e293b!important;background:#fff!important;border-color:#b45309!important}.filter-row .filter-select-pretty option,.filter-select-pretty option{color:#1e293b!important;background:#fff!important;font-weight:600!important}body.dark-mode .filter-row .filter-select-pretty,body.dark-mode .filter-select-pretty{color:#f1f5f9!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .filter-row .filter-select-pretty option,body.dark-mode .filter-select-pretty option{color:#f1f5f9!important;background:#1e293b!important}.filter-select-pretty{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}.filter-select-pretty option{color:#0f172a!important;background-color:#fff!important}.panel{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #93c5fd4d;box-shadow:0 8px 32px #60a5fa1a,inset 0 1px #fff9}body.dark-mode .panel{background:#1e293bb3;border-color:#60a5fa26;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.stat-card{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #93c5fd4d}body.dark-mode .stat-card{background:#1e293bb3;border-color:#60a5fa26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#dbeafe4d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}::selection{color:#1e40af;background:#60a5fa4d}body.dark-mode ::selection{color:#fff;background:#60a5fa66}body.dark-mode .cat-manage-btn{color:#cbd5e1!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .cat-manage-btn:hover{color:#f1f5f9!important;background:#334155!important;border-color:#64748b!important}body.dark-mode .cat-select option,body.dark-mode .filter-select-pretty option{color:#f1f5f9!important;background:#1e293b!important}body.dark-mode .cat-select option:hover,body.dark-mode .cat-select option:checked,body.dark-mode .filter-select-pretty option:hover,body.dark-mode .filter-select-pretty option:checked{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}body.dark-mode .cat-select,body.dark-mode .filter-select-pretty,body.dark-mode .form-group select,body.dark-mode .control-select{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;color:#f1f5f9!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .cat-select option,body.dark-mode .filter-select-pretty option,body.dark-mode .form-group select option,body.dark-mode .control-select option{color:#f1f5f9!important;background:#1e293b!important}body.dark-mode .cat-manage-item{background:#1e293b!important;border-color:#475569!important}body.dark-mode .cat-manage-name{color:#f1f5f9!important}body.dark-mode .cat-edit-input{color:#f1f5f9!important;background:#0f172a!important;border-color:#475569!important}body.dark-mode .cat-edit-input:focus{border-color:#60a5fa!important}body.dark-mode .cat-manage-add{background:#0f172a!important;border-color:#475569!important}body.dark-mode .cat-manage-add-label{color:#cbd5e1!important}body.dark-mode .cat-add-input{color:#f1f5f9!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .cat-add-input:focus{border-color:#60a5fa!important}body.dark-mode .cat-add-input::placeholder{color:#64748b!important}body.dark-mode .cat-mini-btn.edit{color:#93c5fd!important;background:#60a5fa33!important}body.dark-mode .cat-mini-btn.edit:hover{background:#60a5fa59!important}body.dark-mode .cat-mini-btn.delete{color:#fca5a5!important;background:#ef444433!important}body.dark-mode .cat-mini-btn.delete:hover{background:#ef444459!important}body.dark-mode .cat-mini-btn.save{color:#6ee7b7!important;background:#10b98133!important}body.dark-mode .cat-mini-btn.save:hover{background:#10b98159!important}body.dark-mode .cat-mini-btn.cancel{color:#cbd5e1!important;background:#94a3b833!important}body.dark-mode .cat-mini-btn.cancel:hover{background:#94a3b859!important}.theme-toggle-btn:active{transform:translateY(0)rotate(0)}body.dark-mode .theme-toggle-btn{background:#1e293bbf;border-color:#60a5fa4d;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff0d}body.dark-mode .theme-toggle-btn:hover{background:#1e293bf2;border-color:#60a5fa;box-shadow:0 8px 25px #60a5fa66,inset 0 1px #ffffff1a}.floating-theme-btn{z-index:9999!important;width:50px!important;height:50px!important;font-size:22px!important;position:fixed!important;bottom:25px!important;right:25px!important;box-shadow:0 8px 25px #60a5fa59,inset 0 1px #fff9!important}.floating-theme-btn:hover{transform:translateY(-3px)rotate(15deg)scale(1.05)!important;box-shadow:0 12px 35px #60a5fa80,inset 0 1px #fffc!important}.theme-toggle-btn{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffffbf;border:1.5px solid #93c5fd66;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #60a5fa26,inset 0 1px #fff9}.theme-toggle-btn:hover{border-color:#60a5fa;transform:translateY(-2px)rotate(15deg);box-shadow:0 8px 25px #60a5fa59,inset 0 1px #fffc}body.dark-mode .theme-toggle-btn{background:#1e293bbf;border-color:#60a5fa4d}body.dark-mode .theme-toggle-btn:hover{background:#1e293bf2;border-color:#60a5fa}.login-page-modern{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#1e40af 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Vazirmatn,Tahoma,sans-serif;display:flex;position:relative;overflow:hidden}.login-bubble{filter:blur(60px);opacity:.4;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite bubbleFloat;position:absolute}.bubble-1{background:linear-gradient(135deg,#60a5fa,#3b82f6);width:400px;height:400px;animation-delay:0s;top:-150px;right:-150px}.bubble-2{background:linear-gradient(135deg,#93c5fd,#60a5fa);width:350px;height:350px;animation-delay:4s;bottom:-150px;left:-150px}.bubble-3{background:linear-gradient(135deg,#bfdbfe,#93c5fd);width:250px;height:250px;animation-delay:8s;top:50%;left:10%}.bubble-4{background:linear-gradient(135deg,#3b82f6,#1e40af);width:300px;height:300px;animation-delay:12s;top:20%;right:15%}.bubble-5{background:linear-gradient(135deg,#dbeafe,#bfdbfe);width:200px;height:200px;animation-delay:16s;bottom:20%;right:30%}@keyframes bubbleFloat{0%,to{opacity:.4;transform:translate(0)scale(1)}25%{opacity:.5;transform:translate(30px,-40px)scale(1.1)}50%{opacity:.3;transform:translate(-20px,30px)scale(.95)}75%{opacity:.45;transform:translate(40px,20px)scale(1.05)}}.login-star{color:#fff;pointer-events:none;text-shadow:0 0 10px #93c5fdcc;font-size:20px;animation:3s ease-in-out infinite starTwinkle;position:absolute}.star-1{animation-delay:0s;top:15%;left:20%}.star-2{font-size:14px;animation-delay:1s;top:25%;right:15%}.star-3{font-size:24px;animation-delay:2s;bottom:30%;left:15%}.star-4{animation-delay:.5s;bottom:20%;right:25%}.star-5{font-size:16px;animation-delay:1.5s;top:50%;right:10%}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.login-card-modern{z-index:10;-webkit-backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:28px;width:100%;max-width:440px;padding:45px 40px;animation:.8s cubic-bezier(.34,1.56,.64,1) cardAppear;position:relative;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff26}@keyframes cardAppear{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-wrapper{justify-content:center;margin-bottom:25px;display:flex;position:relative}.login-logo-glow{filter:blur(20px);background:radial-gradient(circle,#60a5fa99 0%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:3s ease-in-out infinite logoPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes logoPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.2)}}.login-logo-modern{z-index:1;object-fit:contain;background:#ffffff1a;border:2px solid #93c5fd66;border-radius:50%;width:130px;height:130px;padding:10px;animation:4s ease-in-out infinite logoFloat;position:relative;box-shadow:0 10px 30px #0000004d}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title-modern{text-align:center;background:linear-gradient(135deg,#fff 0%,#93c5fd 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;text-shadow:0 2px 20px #60a5fa4d;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:28px;font-weight:800}.login-subtitle-modern{text-align:center;color:#dbeafebf;margin:0 0 35px;font-size:13px;font-weight:500;line-height:1.8}.login-form-modern{flex-direction:column;gap:18px;display:flex}.login-error-modern{color:#fecaca;background:#ef444426;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.4s errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-group label{color:#dbeafee6;padding-right:4px;font-size:12px;font-weight:700}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;z-index:1;font-size:16px;position:absolute;right:16px}.login-input-wrapper input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1.5px solid #93c5fd40;border-radius:14px;outline:none;width:100%;padding:15px 45px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.login-input-wrapper input::placeholder{color:#dbeafe66}.login-input-wrapper input:hover{background:#ffffff1f;border-color:#93c5fd66}.login-input-wrapper input:focus{background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26,0 8px 20px #60a5fa33}.login-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.login-toggle-password{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;font-size:18px;transition:all .2s;position:absolute;left:12px}.login-toggle-password:hover{background:#ffffff1a}.login-btn-modern{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #3b82f666,inset 0 1px #ffffff4d}.login-btn-modern:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.login-btn-modern:hover:not(:disabled):before{left:100%}.login-btn-modern:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #3b82f680,inset 0 1px #fff6}.login-btn-modern:active:not(:disabled){transform:translateY(-1px)}.login-btn-modern:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-modern{align-items:center;gap:12px;margin-top:30px;display:flex}.login-footer-line{background:linear-gradient(90deg,#0000,#93c5fd4d,#0000);flex:1;height:1px}.login-footer-modern p{color:#dbeafe80;white-space:nowrap;margin:0;font-size:11px;font-weight:600}@media (width<=500px){.login-card-modern{border-radius:22px;padding:35px 25px}.login-logo-modern{width:100px;height:100px}.login-logo-glow{width:110px;height:110px}.login-title-modern{font-size:24px}.login-subtitle-modern{margin-bottom:25px;font-size:12px}.login-input-wrapper input{padding:14px 42px;font-size:13px}.login-btn-modern{padding:15px;font-size:14px}}@keyframes brickFloat{0%{opacity:.15;transform:translate(0)rotate(0)scale(1)}25%{opacity:.25;transform:translate(30px,-40px)rotate(15deg)scale(1.1)}50%{opacity:.12;transform:translate(-20px,30px)rotate(-10deg)scale(.95)}75%{opacity:.2;transform:translate(40px,20px)rotate(20deg)scale(1.05)}to{opacity:.15;transform:translate(0)rotate(0)scale(1)}}@media (width<=500px){.brick{opacity:.1;font-size:25px!important}}.brick{opacity:.15;filter:drop-shadow(0 0 10px #60a5fa80);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:40px;position:absolute}.brick-1{font-size:50px;animation:12s ease-in-out infinite brickFloat;top:10%;left:5%}.brick-2{font-size:35px;animation:15s ease-in-out 1s infinite brickFloat;top:20%;right:10%}.brick-3{font-size:45px;animation:18s ease-in-out 2s infinite brickFloat;top:75%;left:15%}.brick-4{font-size:40px;animation:14s ease-in-out 3s infinite brickFloat;top:85%;right:20%}.brick-5{font-size:30px;animation:16s ease-in-out 4s infinite brickFloat;top:45%;left:8%}.brick-6{font-size:55px;animation:20s ease-in-out 5s infinite brickFloat;top:60%;right:5%}.brick-7{font-size:38px;animation:13s ease-in-out 6s infinite brickFloat;top:5%;left:45%}.brick-8{font-size:48px;animation:17s ease-in-out 7s infinite brickFloat;top:90%;left:50%}.brick-9{font-size:28px;animation:11s ease-in-out 8s infinite brickFloat;top:30%;right:30%}.brick-10{font-size:42px;animation:19s ease-in-out 9s infinite brickFloat;top:70%;left:70%}.brick-11{font-size:36px;animation:14s ease-in-out 10s infinite brickFloat;top:15%;left:80%}.brick-12{font-size:32px;animation:16s ease-in-out 11s infinite brickFloat;top:55%;right:45%}@media (width<=500px){.brick{opacity:.1;font-size:25px!important}}.notification-bell-wrapper{z-index:9999;z-index:9999;position:relative}.notification-bell-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex;position:relative}.notification-bell-btn:hover{background:#ffffff4d;transform:scale(1.05)}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-4px;left:-4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{z-index:1000;background:#fff;border-radius:14px;width:360px;max-width:90vw;animation:.2s slideDown;position:absolute;top:55px;left:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.notification-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notification-header strong{font-size:14px}.notification-mark-read{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:11px;transition:background .2s}.notification-mark-read:hover{background:#fff6}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-icon{flex-shrink:0;font-size:20px}.notification-content{flex:1;min-width:0}.notification-title{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:700}.notification-message{color:#64748b;word-wrap:break-word;margin-bottom:6px;font-size:12px;line-height:1.6}.notification-date{color:#94a3b8;font-size:10px}body.dark-mode .notification-dropdown{background:#1e293b}body.dark-mode .notification-item{border-bottom-color:#334155}body.dark-mode .notification-item:hover{background:#334155}body.dark-mode .notification-item.unread{background:#6366f126}body.dark-mode .notification-item.unread:hover{background:#6366f140}body.dark-mode .notification-title{color:#f1f5f9}body.dark-mode .notification-message{color:#cbd5e1}body.dark-mode .notification-empty{color:#64748b}.global-topbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 50%,#ec4899e6 100%);border:1px solid #ffffff26;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 24px;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #6366f140,0 2px 8px #00000014,inset 0 1px #fff3}.global-topbar:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#ffffff26 0%,#0000 60%);width:200px;height:100%;position:absolute;top:0;right:0}.global-topbar:after{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 60%);width:150px;height:100%;position:absolute;bottom:0;left:0}.global-topbar-right{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.global-topbar-title{color:#fff;letter-spacing:.3px;text-shadow:0 2px 8px #00000026;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.global-topbar-title:before{content:"🏭";filter:drop-shadow(0 2px 4px #0003);font-size:22px}.global-topbar-left{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.global-topbar .theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .25s;display:flex}.global-topbar .theme-toggle-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.global-topbar .theme-toggle-btn:active{transform:translateY(0)}.global-topbar .notification-bell-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .25s;display:flex}.global-topbar .notification-bell-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.global-topbar .user-box{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.global-topbar .user-box:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.global-topbar .dropdown-arrow{color:#fffc;font-size:10px}body.dark-mode .global-topbar{background:linear-gradient(135deg,#1e1b4bf2 0%,#4c1d95f2 50%,#831843e6 100%);border:1px solid #8b5cf64d;box-shadow:0 8px 32px #6366f126,0 2px 8px #0000004d,inset 0 1px #ffffff14}body.dark-mode .global-topbar .user-box,body.dark-mode .global-topbar .theme-toggle-btn,body.dark-mode .global-topbar .notification-bell-btn{background:#ffffff14;border-color:#ffffff26}body.dark-mode .global-topbar .user-box:hover,body.dark-mode .global-topbar .theme-toggle-btn:hover,body.dark-mode .global-topbar .notification-bell-btn:hover{background:#ffffff26}.sidebar{z-index:800!important}.submenu{z-index:900!important}.user-dropdown-menu,.notification-dropdown{z-index:9999!important}.order-picker-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:1.5px solid #6366f14d;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 14px #6366f140}.order-picker-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.order-picker-btn.active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef44444d}.order-picker-icon{font-size:16px}.order-picker-badge{background:#ffffff40;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:800}.order-picker-arrow{opacity:.8;font-size:10px}.order-picker-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.order-picker-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1.5px solid #e2e8f0;border-radius:16px;padding:16px;transition:all .25s;position:relative;overflow:hidden}.order-picker-card:before{content:"";background:linear-gradient(#6366f1 0%,#8b5cf6 100%);width:4px;height:100%;transition:width .3s;position:absolute;top:0;right:0}.order-picker-card:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 10px 30px #6366f126}.order-picker-card:hover:before{width:6px}.order-picker-card-header{border-bottom:1px dashed #e2e8f0;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.order-picker-card-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f140}.order-picker-card-info{flex:1;min-width:0}.order-picker-card-info strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:700;display:block;overflow:hidden}.order-picker-card-arrow{color:#6366f1;opacity:.5;font-size:16px;font-weight:700;transition:all .25s}.order-picker-card:hover .order-picker-card-arrow{opacity:1;transform:translate(-4px)}.order-picker-card-body{flex-direction:column;gap:12px;display:flex}.order-picker-card-product{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;background:#6366f10f;border-right:3px solid #6366f1;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;overflow:hidden}.order-picker-card-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.order-picker-stat{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.order-picker-stat-label{color:#475569;font-size:11px;font-weight:700}body.dark-mode .order-picker-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}body.dark-mode .order-picker-card:hover{border-color:#8b5cf6;box-shadow:0 10px 30px #8b5cf633}body.dark-mode .order-picker-card-header{border-bottom-color:#334155}body.dark-mode .order-picker-card-info strong{color:#f1f5f9}body.dark-mode .order-picker-card-info small{color:#94a3b8}body.dark-mode .order-picker-card-product{color:#cbd5e1;background:#8b5cf61a;border-right-color:#8b5cf6}body.dark-mode .order-picker-stat{background:#0f172a;border-color:#334155}body.dark-mode .order-picker-stat strong{color:#f1f5f9}body.dark-mode .order-picker-stat-label{color:#94a3b8}.order-picker-card-info strong,.order-picker-card-info strong *{color:#000!important;opacity:1!important;font-size:15px!important;font-weight:900!important}.order-picker-card-info small,.order-picker-card-info small *{color:#1e293b!important;opacity:1!important;font-size:12px!important;font-weight:800!important}.order-picker-card-product,.order-picker-card-product *{color:#000!important;opacity:1!important;font-size:13px!important;font-weight:800!important}.order-picker-stat-label,.order-picker-stat-label *{color:#1e293b!important;opacity:1!important;font-weight:800!important}.order-picker-stat strong,.order-picker-stat strong *{color:#000!important;opacity:1!important;font-size:15px!important;font-weight:900!important}.order-picker-stat.highlight strong,.order-picker-stat.highlight strong *{color:#b45309!important}body.dark-mode .order-picker-card-info strong,body.dark-mode .order-picker-card-info strong *{color:#fff!important}body.dark-mode .order-picker-card-info small,body.dark-mode .order-picker-card-info small *{color:#e2e8f0!important}body.dark-mode .order-picker-card-product,body.dark-mode .order-picker-card-product *{color:#fff!important}body.dark-mode .order-picker-stat-label,body.dark-mode .order-picker-stat-label *{color:#cbd5e1!important}body.dark-mode .order-picker-stat strong,body.dark-mode .order-picker-stat strong *{color:#fff!important}body.dark-mode .order-picker-stat.highlight strong,body.dark-mode .order-picker-stat.highlight strong *{color:#fbbf24!important}.order-picker-card-info strong,.order-picker-card-info small,.order-picker-card-product,.order-picker-stat-label,.order-picker-stat strong{color:#fff!important}.order-picker-card-product{background:#8b5cf640!important}.order-picker-card,.order-picker-card *{color:#fff!important}.order-picker-card-info strong{color:#fff!important;font-size:15px!important;font-weight:900!important}.order-picker-card-info small{color:#fef3c7!important;font-size:12px!important;font-weight:700!important}.order-picker-card-product,.order-picker-card-product span{color:#fff!important;font-weight:800!important}.order-picker-stat-label{color:#fef3c7!important;font-weight:700!important}.order-picker-stat strong{color:#fff!important;font-size:15px!important;font-weight:900!important}.order-picker-stat.highlight strong{color:#fbbf24!important}.order-picker-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;border-color:#475569!important}.order-picker-card:hover{border-color:#8b5cf6!important}.order-picker-card-header{border-bottom-color:#475569!important}.order-picker-card-product{background:#8b5cf633!important;border-right-color:#8b5cf6!important}.order-picker-stat{background:#ffffff0d!important;border-color:#ffffff1a!important}.order-picker-stat.highlight{background:#f59e0b26!important;border-color:#f59e0b66!important}body:not(.dark-mode) .order-picker-card{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)!important;border-color:#6366f1!important}body:not(.dark-mode) .order-picker-card-header{border-bottom-color:#fff3!important}body:not(.dark-mode) .order-picker-card-product{background:#ffffff26!important;border-right-color:#fff!important}body:not(.dark-mode) .order-picker-stat{background:#ffffff1a!important;border-color:#ffffff26!important}body:not(.dark-mode) .order-picker-stat.highlight{background:#fbbf2440!important;border-color:#fbbf2480!important}.notification-footer{text-align:center;border-top:1px solid #f1f5f9;padding:10px 14px}body.dark-mode .notification-footer{border-color:#334155}.notification-see-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;width:100%;padding:10px;font-family:inherit;font-size:12px;font-weight:700;transition:all .25s}.notification-see-all:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f159}.notifications-page-list{flex-direction:column;gap:12px;margin-top:15px;display:flex}.notification-page-card{cursor:pointer;background:#ffffffbf;border:1.5px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.notification-page-card:before{content:"";opacity:.3;background:#6366f1;width:4px;position:absolute;top:0;bottom:0;right:0}.notification-page-card.unread:before{opacity:1;background:linear-gradient(#6366f1 0%,#8b5cf6 100%);width:5px}.notification-page-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.notification-page-card.unread{background:linear-gradient(135deg,#6366f10f 0%,#8b5cf60a 100%);border-color:#6366f14d}.notification-page-icon{background:linear-gradient(135deg,#eef2ff 0%,#c7d2fe 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 4px 10px #6366f126}.notification-page-content{flex:1;min-width:0}.notification-page-title{color:#1e293b;margin-bottom:6px;font-size:14px;font-weight:800}.notification-page-message{color:#64748b;word-wrap:break-word;margin-bottom:6px;font-size:13px;line-height:1.7}.notification-page-date{color:#94a3b8;font-size:11px;font-weight:600}.notification-page-unread-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:800;box-shadow:0 3px 8px #ef44444d}body.dark-mode .notification-page-card{background:#1e293bbf;border-color:#334155cc}body.dark-mode .notification-page-card.unread{background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 100%);border-color:#8b5cf666}body.dark-mode .notification-page-icon{background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}body.dark-mode .notification-page-title{color:#f1f5f9}body.dark-mode .notification-page-message{color:#cbd5e1}body.dark-mode .notification-page-date{color:#64748b}.order-picker-wrapper{padding:16px;animation:.3s fadeIn}.order-picker-table{margin-top:0!important}.order-picker-table th,.order-picker-table td{white-space:nowrap;padding:12px 10px!important;font-size:12px!important}.order-picker-table .customer-name{color:#1e293b;font-weight:700}body.dark-mode .order-picker-table .customer-name{color:#f1f5f9}.order-picker-table .date-badge,.order-picker-table .weight-badge{font-size:11px}.order-picker-table tbody tr:hover{transform:scale(1.002);background:linear-gradient(90deg,#6366f114 0%,#8b5cf60d 100%)!important}.order-picker-table .row-number{width:28px;height:28px;font-size:11px}.order-picker-table .save-btn{border-radius:8px!important;padding:6px 12px!important;font-size:11px!important;box-shadow:0 3px 10px #10b9814d!important}.order-picker-table .save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #10b98173!important}@media (width<=700px){.order-picker-table th,.order-picker-table td{padding:8px 6px!important;font-size:11px!important}}button{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .3s,opacity .2s}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}button:active{transition:transform .1s,box-shadow .1s;transform:translateY(0);box-shadow:0 2px 6px #0000001a}button:disabled{box-shadow:none;opacity:.5;cursor:not-allowed;transform:none}.save-btn{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s}.save-btn:hover{filter:brightness(1.05);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #3b82f659,0 4px 10px #3b82f640}.save-btn:active{transform:translateY(-1px)scale(.99);box-shadow:0 4px 12px #3b82f64d}.confirm-delete-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #ef444466,0 4px 10px #ef444440}.menu-item{transition:transform .25s,background .3s,padding-right .25s}.menu-item:hover{padding-right:8px;transform:translate(-4px)}.row-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .2s}.row-btn:hover{transform:translateY(-2px)scale(1.15)}.row-btn:active{transform:scale(.95)}.quick-filter-btn{transition:transform .2s,background .3s,box-shadow .2s}.quick-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #6366f133}.top-products-list{flex-direction:column;gap:8px;padding:0;display:flex}.top-product-item-new{cursor:pointer;background:linear-gradient(135deg,#ffffffe6 0%,#f8fafcf2 100%);border:1.5px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.top-product-item-new:before{content:"";background:var(--accent-gradient);width:4px;height:100%;transition:width .3s;position:absolute;top:0;right:0}.top-product-item-new:hover{box-shadow:0 12px 30px var(--accent-shadow), 0 4px 12px #0f172a14;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-color:#0000;transform:translate(-6px)}.top-product-item-new:hover:before{width:6px}.top-product-medal{color:#fff;width:32px;height:32px;box-shadow:0 4px 10px var(--accent-shadow), inset 0 -2px 4px #0000001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:900;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.top-product-item-new:hover .top-product-medal{transform:scale(1.1)rotate(-6deg)}.top-product-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.top-product-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.top-product-title{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.top-product-title strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.top-product-tags{flex-wrap:wrap;gap:6px;display:flex}.top-product-tag{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.top-product-tag-percent{color:#6366f1;background:#6366f11a}.top-product-value{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.top-product-value strong{color:#0f172a;font-size:14px;font-weight:900;line-height:1}.top-product-value small{color:#94a3b8;margin-top:2px;font-size:10px;font-weight:700}.top-product-bar-new{background:#f1f5f9;border-radius:100px;height:8px;position:relative;overflow:hidden}.top-product-bar-fill-new{border-radius:100px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.top-product-bar-glow{background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);width:40%;height:100%;animation:2.5s ease-in-out infinite topProductShine;position:absolute;top:0;left:0}@keyframes topProductShine{0%{transform:translate(-150%)}to{transform:translate(400%)}}body.dark-mode .top-product-item-new{background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);border-color:#334155cc}body.dark-mode .top-product-item-new:hover{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}body.dark-mode .top-product-title strong,body.dark-mode .top-product-value strong{color:#f1f5f9}body.dark-mode .top-product-tag{color:#cbd5e1;background:#334155}body.dark-mode .top-product-tag-percent{color:#a5b4fc;background:#6366f133}body.dark-mode .top-product-bar-new{background:#334155}@media (width<=640px){.top-product-item-new{gap:12px;padding:12px 14px}.top-product-medal{width:42px;height:42px;font-size:20px}.top-product-title strong{font-size:13px}.top-product-value strong{font-size:14px}.top-product-tag{padding:2px 6px;font-size:10px}}.input-error{animation:.4s cubic-bezier(.36,.07,.19,.97) shake;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)!important;border:2px solid #ef4444!important;box-shadow:0 0 0 4px #ef444414!important}.input-error:focus{outline:none;box-shadow:0 0 0 4px #ef444433!important}.field-error-message{color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-right:4px solid #ef4444;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:9px 14px;font-size:12.5px;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) slideDownFade;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #ef44441f}.field-error-message:before{content:"";background:linear-gradient(#ef4444 0%,#dc2626 100%);width:4px;height:100%;animation:1.5s ease-in-out infinite pulseGlow;position:absolute;top:0;right:0}.field-error-message span:first-child{filter:drop-shadow(0 2px 3px #ef44444d);font-size:15px;animation:.6s iconBounce}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 8px #ef444499}50%{opacity:.7;box-shadow:0 0 16px #ef4444e6}}@keyframes iconBounce{0%{transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.2)rotate(10deg)}to{transform:scale(1)rotate(0)}}.dark-mode .field-error-message{color:#fca5a5;background:linear-gradient(135deg,#ef444426 0%,#dc262633 100%);border-right-color:#ef4444;box-shadow:0 4px 12px #ef444440}.dark-mode .input-error{background:linear-gradient(135deg,#ef44441a 0%,#dc262626 100%)!important;border-color:#ef4444!important}.input-empty-error{animation:.4s cubic-bezier(.36,.07,.19,.97) shake;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)!important;border:2px solid #ef4444!important;box-shadow:0 0 0 4px #ef444414!important}.input-empty-error:focus{outline:none;box-shadow:0 0 0 4px #ef444433!important}.dark-mode .input-empty-error{background:linear-gradient(135deg,#ef44441a 0%,#dc262626 100%)!important;border-color:#ef4444!important}.toast-warning{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;color:#92400e!important;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)!important;border:2px solid #f59e0b!important;border-radius:16px!important;padding:16px 22px!important;font-weight:700!important;animation:.4s cubic-bezier(.34,1.56,.64,1) toastSlideIn!important;box-shadow:0 12px 32px #f59e0b59,0 4px 12px #f59e0b33!important}.toast-warning:before{content:"";background:linear-gradient(#f59e0b 0%,#d97706 100%);width:5px;height:100%;animation:1.5s ease-in-out infinite pulseGlow;position:absolute;top:0;right:0}.toast-warning .toast-icon{filter:drop-shadow(0 2px 4px #f59e0b80);animation:.6s iconBounce;font-size:22px!important}.toast-warning .toast-message{letter-spacing:.3px;font-size:14.5px!important;font-weight:800!important}.toast-warning .toast-close{transition:all .2s;color:#92400e!important;font-size:16px!important;font-weight:900!important}.toast-warning .toast-close:hover{transform:rotate(90deg);background:#f59e0b33!important}.dark-mode .toast-warning{color:#fcd34d!important;background:linear-gradient(135deg,#f59e0b40 0%,#d9770659 100%)!important;border-color:#f59e0b!important;box-shadow:0 12px 32px #f59e0b66!important}.persian-header-selectors{align-items:center;gap:6px;display:flex}.persian-month-btn,.persian-year-btn{color:#4f46e5;cursor:pointer;background:#6366f11a;border:1.5px solid #6366f14d;border-radius:8px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;transition:all .2s}.persian-month-btn:hover,.persian-year-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.persian-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;animation:.25s slideDownFade;display:grid}.persian-picker-grid.year-grid{grid-template-columns:repeat(4,1fr);max-height:280px;overflow-y:auto}.persian-picker-item{color:#334155;cursor:pointer;background:#f1f5f9;border:1.5px solid #0000;border-radius:10px;padding:10px 6px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.persian-picker-item:hover{color:#4f46e5;background:#6366f126;transform:scale(1.05)}.persian-picker-item.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f166}.dark-mode .persian-picker-item{color:#e2e8f0;background:#ffffff0f}.dark-mode .persian-picker-item:hover{color:#a5b4fc;background:#6366f140}.dark-mode .persian-month-btn,.dark-mode .persian-year-btn{color:#a5b4fc;background:#6366f126;border-color:#6366f166}.production-details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.production-details-header .table-actions{align-items:center;gap:10px;margin-left:0;margin-right:auto;display:flex}.production-details-header>div:first-child{text-align:right}.search-bar-apply{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-self:flex-end;height:44px;margin-top:8px;margin-right:8px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800;transition:all .25s;box-shadow:0 4px 12px #6366f159}.search-bar-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-bar-apply:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f180}.search-bar-apply:active{transform:translateY(0)}.dark-mode .search-bar-apply{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f180}