.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;text-align:center}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;font-size:calc(10px + 2vmin);max-width:500px;padding:40px;width:90%}.App-header h1{font-size:2.5rem;font-weight:300;margin-bottom:30px}.user-profile{text-align:center}.user-profile h2{font-size:1.8rem;font-weight:400;margin-bottom:15px}.user-profile p{font-size:1.1rem;margin-bottom:20px;opacity:.9}.sign-in-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 4px 15px 0 #ff6b6b66;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:all .3s ease}.sign-in-btn:hover{box-shadow:0 6px 20px 0 #ff6b6b99;transform:translateY(-2px)}.sign-in-btn:active{transform:translateY(0)}.api-section{margin-top:30px;max-width:100%;text-align:left}.api-section h3{font-size:1.5rem;font-weight:400;margin-bottom:20px;text-align:center}.loading{font-style:italic;opacity:.8}.error{background:#ff6b6b33;border:1px solid #ff6b6b80;border-radius:10px;margin:15px 0;padding:15px;text-align:center}.retry-btn{background:#ff6b6b;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:all .3s ease}.retry-btn:hover{background:#ff5252;transform:translateY(-1px)}.data-section{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin:15px 0;padding:15px}.data-section h4{font-size:1.1rem;font-weight:500;margin-bottom:10px}.data-section pre{word-wrap:break-word;background:#0000004d;border-radius:5px;font-size:.9rem;line-height:1.4;overflow-x:auto;padding:10px;white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.action-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:25px;box-shadow:0 4px 15px 0 #4ecdc466;color:#fff;font-size:1rem;padding:12px 24px}.action-btn:hover{box-shadow:0 6px 20px 0 #4ecdc499;transform:translateY(-2px)}.logout-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px 0 #ff6b6b66}.logout-btn:hover{box-shadow:0 6px 20px 0 #ff6b6b99}.action-btn:active{transform:translateY(0)}@media (max-width:768px){.App-header{margin:20px;padding:20px}.data-section pre{font-size:.8rem}.actions{align-items:center;flex-direction:column}.action-btn{max-width:200px;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{display:flex;min-height:100vh}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h2{font-size:1.5rem;font-weight:600}.sidebar-header i{color:gold;margin-right:10px}.sidebar-menu{list-style:none;padding:20px 0}.sidebar-menu li{margin:5px 0}.sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:gold;color:#fff}.sidebar-menu li.active a{background-color:#ffffff26;border-left-color:gold;color:#fff}.sidebar-menu i{margin-right:12px;text-align:center;width:20px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px}.header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.header-left h1{color:#2c3e50;font-size:2rem;margin-bottom:5px}.header-left p{color:#7f8c8d;font-size:.9rem}.header-right,.user-profile{align-items:center;display:flex}.user-profile{background:#f8f9fa;border-radius:25px;cursor:pointer;gap:10px;padding:10px 15px;transition:all .3s ease}.user-profile:hover{background:#e9ecef}.profile-img{border-radius:50%;height:40px;object-fit:cover;width:40px}.dashboard-content{flex:1 1;padding:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-radius:15px;box-shadow:0 5px 15px #00000014;gap:20px}.stat-icon{border-radius:15px;font-size:1.5rem}.stat-info h3{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-info p{color:#7f8c8d;font-size:.9rem}.dashboard-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:30px;padding:25px}.section-header{border-bottom:2px solid #f8f9fa;padding-bottom:15px}.section-header h2{color:#2c3e50;font-size:1.5rem}.view-all-btn{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.view-all-btn:hover{color:#764ba2}.recent-products{display:flex;flex-direction:column;gap:15px}.product-item{background:#f8f9fa;border-radius:10px;justify-content:space-between;padding:20px;transition:all .3s ease}.product-item:hover{background:#e9ecef;transform:translateX(5px)}.product-info h4{color:#2c3e50;margin-bottom:5px}.product-info p{color:#7f8c8d;font-size:.9rem;margin-bottom:8px}.product-category{background:#667eea;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.product-meta{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.product-date{color:#7f8c8d;font-size:.8rem}.product-actions{display:flex;gap:8px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:30px 20px;text-align:center;text-decoration:none}.action-card:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-5px)}.action-card i{display:block;font-size:2rem;margin-bottom:15px}.action-card h3{font-size:1.2rem;margin-bottom:10px}.action-card p{font-size:.9rem;opacity:.9}.form-container{flex:1 1}.product-form{max-width:800px}.form-section{border-bottom:2px solid #f8f9fa;padding-bottom:25px}.form-section:last-child{border-bottom:none}.form-section h3{font-size:1.3rem}.form-row-6{grid-template-columns:repeat(6,1fr)}.form-row-10{grid-template-columns:repeat(10,1fr)}@media (max-width:1400px){.form-row-10{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.form-row-4{grid-template-columns:repeat(2,1fr)}.form-row-10,.form-row-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.form-row-10,.form-row-4,.form-row-6{grid-template-columns:1fr}}.form-group label{color:#2c3e50;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group textarea{min-height:100px}.array-input{display:flex;gap:10px;margin-bottom:10px}.array-input input{flex:1 1}.btn-add-item{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 15px;transition:background .3s ease}.btn-add-item:hover{background:#218838}.array-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.array-item{background:#e9ecef;border-radius:20px;font-size:.9rem;gap:8px;padding:8px 12px}.array-item,.array-item button{align-items:center;display:flex}.array-item button{background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;height:20px;justify-content:center;padding:2px;width:20px}.array-item button:hover{background:#dc3545;color:#fff}.form-actions{border-top:2px solid #f8f9fa}.btn{font-size:1rem}.btn-primary:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-sm{font-size:.9rem;padding:8px 16px}.product-view-content{flex:1 1;padding:30px}.search-filter-bar{border-radius:15px;box-shadow:0 5px 15px #00000014;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-box i{color:#7f8c8d;left:15px}.search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px 12px 45px}.search-box input:focus{border-color:#667eea;outline:none}.filter-controls{align-items:center;gap:15px}.filter-controls select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px}.products-table-container{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:30px;overflow:hidden}.products-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;padding:20px 15px}.products-table td{border-bottom:1px solid #f8f9fa;padding:15px}.products-table tr:hover{background:#f8f9fa}.badge{border-radius:15px;font-size:.8rem}.badge-food{background:#e3f2fd;color:#1976d2}.badge-beverage{background:#f3e5f5;color:#7b1fa2}.badge-spice{background:#fff3e0;color:#f57c00}.badge-supplement{background:#e8f5e8;color:#388e3c}.badge-cosmetic{background:#fce4ec;color:#c2185b}.badge-other{background:#f5f5f5;color:#616161}.badge-organic{background:#e8f5e8;color:#2e7d32}.badge-natural{background:#fff8e1;color:#f57f17}.badge-premium{background:#e3f2fd;color:#1565c0}.badge-standard{background:#f3e5f5;color:#7b1fa2}.badge-bulk{background:#fff3e0;color:#ef6c00}.btn-action{border-radius:8px;display:inline-flex;height:35px;margin:0 2px;width:35px}.btn-view{background:#17a2b8}.btn-view:hover{background:#138496}.btn-edit{background:#28a745}.btn-edit:hover{background:#218838}.btn-delete{background:#dc3545}.btn-delete:hover{background:#c82333}.modal{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{border-radius:15px;margin:5% auto;max-height:80vh;max-width:800px}.modal-header{border-bottom:2px solid #f8f9fa}.close{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;transition:color .3s ease}.close:hover{color:#000}.modal-body{padding:30px}.modal-footer{border-top:2px solid #f8f9fa;gap:15px;padding:20px 30px}.product-detail{display:flex;flex-direction:column;gap:25px}.detail-section{border-bottom:1px solid #f8f9fa;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{font-size:1.2rem;margin-bottom:15px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item label{color:#7f8c8d}.detail-item span{color:#2c3e50}.user-profile-details{display:flex;flex-direction:column;gap:30px}.profile-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:25px}.profile-section h3{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-item{display:flex;flex-direction:column;gap:8px}.profile-item label{color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-item span{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#555;font-size:1rem;min-height:20px;padding:8px 12px}.profile-input,.profile-textarea{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border-color .3s ease}.profile-input:focus,.profile-textarea:focus{border-color:#667eea;outline:none}.profile-textarea{min-height:80px;resize:vertical}.profile-image-container{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;display:flex;justify-content:center;padding:20px}.profile-image-large{border:3px solid #667eea;border-radius:50%;height:100px;object-fit:cover;width:100px}.status-badge{border-radius:15px}.status-active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-banned{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-verified{background:#d1ecf1;border:1px solid #bee5eb}.status-unverified{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.main-content{margin-left:0}.header{padding:15px 20px}.header-left h1{font-size:1.5rem}.dashboard-content,.form-container,.product-view-content{padding:20px}.form-row,.profile-grid,.stats-grid{grid-template-columns:1fr}.search-filter-bar{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-controls{flex-direction:column;gap:10px}.products-table-container{overflow-x:auto}.modal-content{margin:10% auto;width:95%}.modal-body,.modal-footer,.modal-header{padding:20px}}@media (max-width:480px){.header{flex-direction:column;gap:15px;text-align:center}.user-profile{align-self:center}.form-actions,.pagination{flex-direction:column}.pagination{gap:10px}}.qc-container{display:flex;min-height:100vh}.qc-sidebar{background:linear-gradient(135deg,#2c5aa0,#1e3a8a);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.qc-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.qc-sidebar-header h2{font-size:1.5rem;font-weight:600}.qc-sidebar-header i{color:#60a5fa;margin-right:10px}.qc-sidebar-menu{list-style:none;padding:20px 0}.qc-sidebar-menu li{margin:0}.qc-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.qc-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#60a5fa}.qc-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#60a5fa}.qc-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.qc-menu-group-header{align-items:center;border-left:3px solid #0000;color:#fff;cursor:pointer;display:flex;padding:15px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.qc-menu-group-header:hover{background-color:#ffffff1a;border-left-color:#60a5fa}.qc-menu-group-header i{margin-right:12px;text-align:center;width:20px}.qc-menu-chevron{font-size:.75rem;margin-left:auto;margin-right:0;transition:transform .3s ease}.qc-sidebar-menu li.active-parent>.qc-menu-group-header{background-color:#ffffff26;border-left-color:#60a5fa}.qc-submenu{background-color:#0000001a;border-left:3px solid #60a5fa;list-style:none;margin-left:20px;padding:0}.qc-submenu li{margin:0}.qc-submenu a{align-items:center;border-left:3px solid #0000;color:#ffffffe6;display:flex;padding:12px 20px 12px 40px;text-decoration:none;transition:all .3s ease}.qc-submenu a:hover{background-color:#ffffff1a;border-left-color:#60a5fa;padding-left:45px}.qc-submenu li.active a{background-color:#ffffff26;border-left-color:#60a5fa;color:#fff}.qc-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.qc-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.qc-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.qc-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.qc-header-right,.qc-user-profile{align-items:center;display:flex}.qc-dashboard{padding:30px}.qc-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.qc-dashboard-header p{color:#64748b;font-size:1.1rem}.qc-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.qc-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;padding:25px;transition:transform .2s ease}.qc-stat-card:hover{transform:translateY(-2px)}.qc-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:20px;width:60px}.qc-stat-blue .qc-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.qc-stat-orange .qc-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.qc-stat-green .qc-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qc-stat-red .qc-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.qc-stat-purple .qc-stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.qc-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.qc-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.qc-stat-change{border-radius:12px;font-size:.8rem;font-weight:600;padding:2px 8px}.qc-change-blue{background:#dbeafe;color:#1d4ed8}.qc-change-orange{background:#fed7aa;color:#d97706}.qc-change-green{background:#d1fae5;color:#059669}.qc-change-red{background:#fee2e2;color:#dc2626}.qc-change-purple{background:#ede9fe;color:#6d28d9}.qc-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.qc-quick-actions,.qc-recent-activities{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.qc-quick-actions h3,.qc-recent-activities h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.qc-action-buttons{flex-direction:column;gap:12px}.qc-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .2s ease}.qc-action-btn i{font-size:1.1rem;margin-right:10px}.qc-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.qc-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.qc-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.qc-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.qc-btn-tertiary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qc-btn-tertiary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.qc-activities-list{display:flex;flex-direction:column;gap:15px}.qc-activity-item{align-items:center;background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;padding:15px}.qc-activity-approval{border-left-color:#10b981}.qc-activity-rejection{border-left-color:#ef4444}.qc-activity-pending{border-left-color:#f59e0b}.qc-activity-icon{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-right:15px;width:40px}.qc-activity-approval .qc-activity-icon{background:#d1fae5;color:#059669}.qc-activity-rejection .qc-activity-icon{background:#fee2e2;color:#dc2626}.qc-activity-pending .qc-activity-icon{background:#fed7aa;color:#d97706}.qc-activity-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.qc-activity-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.qc-activity-time{color:#94a3b8;font-size:.8rem}.qc-page-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.qc-page-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.qc-page-header p{color:#64748b;font-size:1.1rem;margin:5px 0 0}.qc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.qc-btn i{margin-right:8px}.qc-btn-sm{font-size:.8rem;padding:8px 12px}.qc-btn-success{background:#10b981;color:#fff}.qc-btn-success:hover{background:#059669}.qc-btn-danger{background:#ef4444;color:#fff}.qc-btn-danger:hover{background:#dc2626}.qc-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.qc-table{border-collapse:collapse;width:100%}.qc-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:15px;text-align:left}.qc-table td{border-bottom:1px solid #f1f5f9;padding:15px}.qc-table tr:hover{background:#f8fafc}.qc-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.qc-status-orange,.qc-status-pending{background:#fed7aa;color:#d97706}.qc-status-blue,.qc-status-in-progress{background:#dbeafe;color:#1d4ed8}.qc-status-approved,.qc-status-completed,.qc-status-green{background:#d1fae5;color:#059669}.qc-status-red,.qc-status-rejected{background:#fee2e2;color:#dc2626}.qc-priority{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.qc-priority-high,.qc-priority-red{background:#fee2e2;color:#dc2626}.qc-priority-medium,.qc-priority-orange{background:#fed7aa;color:#d97706}.qc-priority-green,.qc-priority-low{background:#d1fae5;color:#059669}.qc-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.qc-filter-group{display:flex;flex-direction:column;gap:5px}.qc-filter-group label{color:#374151;font-size:.9rem;font-weight:500}.qc-filter-group input,.qc-filter-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:8px 12px}.qc-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.qc-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.qc-modal-large{max-width:800px}.qc-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.qc-modal-header h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.qc-modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.2rem;padding:5px}.qc-modal-content{padding:20px}.qc-form{gap:20px}.qc-form,.qc-form-group{display:flex;flex-direction:column}.qc-form-group{gap:5px}.qc-form-group label{color:#374151;font-size:.9rem;font-weight:500}.qc-form-group input,.qc-form-group select,.qc-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:10px 12px}.qc-form-group input:focus,.qc-form-group select:focus,.qc-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qc-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.qc-action-buttons{align-items:center;display:flex;gap:8px}.qc-status-select{border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;padding:6px 10px}.qc-link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;text-decoration:underline}.qc-link-btn:hover{color:#1d4ed8}.qc-consignment-selector{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.qc-selector-group{align-items:center;display:flex;gap:15px}.qc-selector-group label{color:#374151;font-size:1rem;font-weight:600;min-width:120px}.qc-consignment-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;min-width:200px;padding:10px 15px}.qc-consignment-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qc-error-banner{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:15px 20px}.qc-products-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;overflow:hidden}.qc-products-section h3{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.3rem;font-weight:600;margin:0;padding:20px}.qc-products-table-container{overflow-x:auto}.qc-products-table{border-collapse:collapse;font-size:.9rem;width:100%}.qc-products-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:15px 10px;text-align:left;white-space:nowrap}.qc-products-table td{border-bottom:1px solid #f1f5f9;padding:15px 10px;vertical-align:middle}.qc-products-table tr:hover{background:#f8fafc}.qc-product-name-cell{word-wrap:break-word;color:#1e293b;font-weight:500;max-width:200px}.qc-document-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.qc-document-status.yes{background:#d1fae5;color:#059669}.qc-document-status.no{background:#fee2e2;color:#dc2626}.qc-upload-btn{padding:8px 12px}.qc-upload-btn-disabled,.qc-upload-btn:disabled{background:#9ca3af!important;color:#e5e7eb!important;cursor:not-allowed!important;opacity:.6;transform:none}.qc-upload-btn-disabled:hover,.qc-upload-btn:disabled:hover{background:#9ca3af!important;transform:none}.qc-upload-btn i{font-size:.9rem}.qc-missing-batch{color:#dc3545;font-weight:600}.qc-no-products{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:40px;text-align:center}.qc-no-products p{color:#6b7280;font-size:1.1rem;margin:0}.qc-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;padding:40px}.qc-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}.qc-loading p{color:#6b7280;font-size:1rem;margin:0}.qc-file-product{color:#6b7280;font-size:.8rem;font-style:italic;margin:5px 0 0}.qc-document-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.qc-product-details-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.qc-product-details-section h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.qc-product-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.qc-detail-field{display:flex;flex-direction:column;gap:5px}.qc-detail-field label{color:#374151;font-size:.9rem;font-weight:500}.qc-disabled-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.9rem;padding:10px 12px}.qc-add-documents-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.qc-add-documents-section h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.qc-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.qc-form-field{display:flex;flex-direction:column;gap:5px}.qc-form-field label{color:#374151;font-size:.9rem;font-weight:500}.qc-form-input,.qc-form-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:10px 12px}.qc-form-input:focus,.qc-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qc-form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.qc-field-hint{color:#6b7280;display:block;font-size:.8rem;font-style:italic;margin-top:4px}.qc-file-field{grid-column:1/-1}.qc-file-upload-container{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.qc-file-input{display:none}.qc-choose-file-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.qc-choose-file-btn:hover{background:#e5e7eb}.qc-file-name{color:#6b7280;flex:1 1;font-size:.9rem}.qc-upload-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.qc-upload-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.qc-upload-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.qc-uploaded-documents-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.qc-uploaded-documents-section h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.qc-documents-table-container{overflow-x:auto}.qc-documents-table{border-collapse:collapse;font-size:.9rem;width:100%}.qc-documents-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.qc-documents-table td{border-bottom:1px solid #f1f5f9;padding:12px;vertical-align:middle}.qc-documents-table tr:hover{background:#f8fafc}.qc-document-name{color:#1e293b;font-weight:500}.qc-remove-btn,.qc-view-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px;transition:all .2s ease}.qc-view-btn{color:#3b82f6}.qc-view-btn:hover{background:#eff6ff;color:#1d4ed8}.qc-remove-btn{color:#ef4444}.qc-remove-btn:hover{background:#fef2f2;color:#dc2626}.qc-no-documents{color:#6b7280;padding:40px;text-align:center}.qc-publish-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.qc-publish-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .2s ease}.qc-publish-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.qc-publish-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.qc-error-message{background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:15px;padding:12px 16px}@media (max-width:768px){.qc-document-modal{margin:10px;width:98%}.qc-form-grid,.qc-product-details-grid{grid-template-columns:1fr}.qc-file-upload-container{align-items:stretch;flex-direction:column;gap:10px}.qc-choose-file-btn{text-align:center;width:100%}.qc-documents-table{font-size:.8rem}.qc-documents-table td,.qc-documents-table th{padding:8px}}.qc-upload-section{margin-bottom:30px}.qc-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:40px;position:relative;text-align:center;transition:all .3s ease}.qc-upload-area.qc-drag-active{background:#eff6ff;border-color:#3b82f6}.qc-upload-content{position:relative}.qc-upload-icon{color:#9ca3af;font-size:3rem;margin-bottom:20px}.qc-upload-area h3{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 10px}.qc-upload-area p{color:#6b7280;margin:0 0 20px}.qc-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.qc-uploaded-files{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:25px}.qc-uploaded-files h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.qc-files-list{display:flex;flex-direction:column;gap:15px}.qc-file-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:15px}.qc-file-info,.qc-file-item{align-items:center;display:flex}.qc-file-info{gap:15px}.qc-file-info i{color:#6b7280;font-size:1.5rem}.qc-file-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.qc-file-details p{color:#6b7280;font-size:.9rem;margin:0}.qc-file-actions{align-items:center;display:flex;gap:15px}.qc-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100px}.qc-progress-fill{background:#3b82f6;height:100%;transition:width .3s ease}.qc-document-categories{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.qc-document-categories h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.qc-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.qc-category-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease}.qc-category-card:hover{transform:translateY(-2px)}.qc-category-card i{color:#3b82f6;font-size:2rem;margin-bottom:15px}.qc-category-card h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 10px}.qc-category-card p{color:#6b7280;font-size:.9rem;margin:0}.qc-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.qc-detail-item{display:flex;flex-direction:column;gap:5px}.qc-detail-item label{color:#374151;font-size:.9rem;font-weight:600}.qc-detail-item span{color:#1e293b;font-size:1rem}.qc-qc-actions{border-top:1px solid #e2e8f0;padding-top:20px}.qc-qc-actions h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 15px}@media (max-width:768px){.qc-sidebar{width:200px}.qc-main-content{margin-left:200px}.qc-dashboard-content{grid-template-columns:1fr}.qc-filters{flex-direction:column}.qc-categories-grid,.qc-details-grid,.qc-stats-grid{grid-template-columns:1fr}.qc-selector-group{align-items:flex-start;flex-direction:column;gap:10px}.qc-consignment-select{min-width:100%}.qc-products-table{font-size:.8rem}.qc-products-table td,.qc-products-table th{padding:10px 5px}}@media (max-width:640px){.qc-sidebar{height:auto;position:relative;width:100%}.qc-main-content{margin-left:0}.qc-header{padding:15px 20px}.qc-dashboard{padding:20px}.qc-page-header{align-items:flex-start;flex-direction:column;gap:15px}}.marketing-container{display:flex;min-height:100vh}.marketing-sidebar{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.marketing-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.marketing-sidebar-header h2{font-size:1.5rem;font-weight:600}.marketing-sidebar-header i{color:#a78bfa;margin-right:10px}.marketing-sidebar-menu{list-style:none;padding:20px 0}.marketing-sidebar-menu li{margin:0}.marketing-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.marketing-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#a78bfa}.marketing-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#a78bfa}.marketing-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.marketing-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.marketing-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.marketing-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.marketing-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.marketing-header-right{gap:20px}.marketing-header-right,.marketing-user-profile{align-items:center;display:flex}.marketing-dashboard{padding:30px}.marketing-dashboard-header{margin-bottom:30px}.marketing-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.marketing-dashboard-header p{color:#64748b;font-size:1rem;margin:0}.marketing-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.marketing-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.marketing-stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.marketing-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.marketing-stat-purple .marketing-stat-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.marketing-stat-blue .marketing-stat-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.marketing-stat-green .marketing-stat-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.marketing-stat-orange .marketing-stat-icon{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.marketing-stat-content{flex:1 1}.marketing-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.marketing-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 8px}.marketing-stat-change{border-radius:6px;font-size:.85rem;font-weight:600;padding:4px 8px}.marketing-change-purple{background:#ede9fe;color:#7c3aed}.marketing-change-blue{background:#dbeafe;color:#3b82f6}.marketing-change-green{background:#d1fae5;color:#10b981}.marketing-change-orange{background:#fed7aa;color:#f97316}.marketing-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.marketing-quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.marketing-quick-actions h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.marketing-action-buttons{display:flex;flex-direction:column;gap:12px}.marketing-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:15px 20px;text-decoration:none;transition:all .2s ease}.marketing-btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.marketing-btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);box-shadow:0 4px 8px #7c3aed4d;transform:translateY(-2px)}.marketing-btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.marketing-btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.marketing-btn-tertiary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.marketing-btn-tertiary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.marketing-action-btn i{font-size:1.1rem}.marketing-recent-activities{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.marketing-recent-activities h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.marketing-activities-list{display:flex;flex-direction:column;gap:15px}.marketing-activity-item{align-items:center;border-left:4px solid;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .2s ease}.marketing-activity-item:hover{background:#f8fafc;transform:translateX(5px)}.marketing-activity-campaign{background:#f5f3ff;border-left-color:#7c3aed}.marketing-activity-lead{background:#eff6ff;border-left-color:#3b82f6}.marketing-activity-event{background:#f0fdf4;border-left-color:#10b981}.marketing-activity-content-item{background:#fffbeb;border-left-color:#f59e0b}.marketing-activity-icon{align-items:center;border-radius:8px;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.marketing-activity-campaign .marketing-activity-icon{background:#7c3aed;color:#fff}.marketing-activity-lead .marketing-activity-icon{background:#3b82f6;color:#fff}.marketing-activity-event .marketing-activity-icon{background:#10b981;color:#fff}.marketing-activity-content-item .marketing-activity-icon{background:#f59e0b;color:#fff}.marketing-activity-content{flex:1 1}.marketing-activity-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.marketing-activity-content p{color:#64748b;font-size:.85rem;margin:0 0 5px}.marketing-activity-time{color:#94a3b8;font-size:.75rem}.marketing-action-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.action-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.action-section h3{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.action-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .2s}.action-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.action-btn-secondary{background:#fff;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s}.action-btn-secondary:hover{background:#3b82f6;color:#fff}.action-buttons-row,.status-buttons{display:flex;gap:8px}.status-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;font-size:.85rem;padding:8px 16px;transition:all .2s}.status-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.status-btn:hover{border-color:#3b82f6;color:#3b82f6}.status-btn.active:hover{background:#2563eb;border-color:#2563eb}.stat-link{color:#3b82f6;display:inline-block;font-size:.85rem;font-weight:500;margin-top:8px;text-decoration:none}.stat-link:hover{text-decoration:underline}.marketing-stat-red .marketing-stat-icon{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.marketing-stat-red{border-left:4px solid #ef4444}.marketing-companies-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:25px}.marketing-companies-table-section h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.marketing-companies-table-container{overflow-x:auto}.marketing-companies-table{border-collapse:collapse;min-width:1200px;width:100%}.marketing-companies-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.marketing-companies-table th{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.marketing-companies-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.marketing-companies-table tbody tr:hover{background-color:#f8f9fa}.marketing-companies-table tbody tr:last-child{border-bottom:none}.marketing-companies-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.marketing-table-pagination{align-items:center;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.pagination-btn:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.marketing-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}@media (max-width:1024px){.marketing-dashboard-content{grid-template-columns:1fr}.marketing-action-sections{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.marketing-sidebar{width:200px}.marketing-main-content{margin-left:200px}.marketing-stats-grid{grid-template-columns:1fr}.marketing-dashboard{padding:20px}}@media (max-width:640px){.marketing-sidebar{height:auto;position:relative;width:100%}.marketing-main-content{margin-left:0}.marketing-container{flex-direction:column}}.production-container{display:flex;min-height:100vh}.production-sidebar{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.production-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.production-sidebar-header h2{font-size:1.5rem;font-weight:600}.production-sidebar-header i{color:#7dd3fc;margin-right:10px}.production-sidebar-menu{list-style:none;padding:20px 0}.production-sidebar-menu li{margin:0}.production-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.production-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#7dd3fc}.production-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#7dd3fc}.production-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.production-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.production-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.production-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.production-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.production-header-right{gap:20px}.production-header-right,.production-user-profile{align-items:center;display:flex}.production-dashboard{padding:30px}.production-dashboard-header{margin-bottom:30px}.production-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.production-dashboard-header p{color:#64748b;font-size:1rem;margin:0}.production-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.production-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.production-stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.production-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.production-stat-blue .production-stat-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.production-stat-green .production-stat-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.production-stat-orange .production-stat-icon{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.production-stat-teal .production-stat-icon{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.production-stat-content{flex:1 1}.production-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.production-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 8px}.production-request-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.production-request-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:25px;transition:all .3s ease}.production-request-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.production-request-pending{border-left-color:#f59e0b}.production-request-pending:hover{background:linear-gradient(90deg,#fffbeb,#fff);border-left-color:#d97706}.production-request-released{border-left-color:#10b981}.production-request-released:hover{background:linear-gradient(90deg,#ecfdf5,#fff);border-left-color:#059669}.production-request-card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-right:20px;width:60px}.production-request-pending .production-request-card-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.production-request-released .production-request-card-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.production-request-card-content{flex:1 1}.production-request-card-content h3{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 8px}.production-request-pending .production-request-card-content h3{color:#d97706}.production-request-released .production-request-card-content h3{color:#059669}.production-request-card-content p{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.production-request-card-subtitle{color:#64748b;display:block;font-size:.85rem;margin-top:4px}.production-request-card-arrow{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.production-request-card:hover .production-request-card-arrow{color:#1e293b;transform:translateX(5px)}.production-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.production-quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.production-quick-actions h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.production-action-buttons{display:flex;flex-direction:column;gap:12px}.production-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:15px 20px;text-decoration:none;transition:all .2s ease}.production-btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.production-btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-2px)}.production-btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.production-btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.production-action-btn i{font-size:1.1rem}.production-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}@media (max-width:1024px){.production-dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.production-sidebar{width:200px}.production-main-content{margin-left:200px}.production-stats-grid{grid-template-columns:1fr}.production-dashboard{padding:20px}}@media (max-width:640px){.production-sidebar{height:auto;position:relative;width:100%}.production-main-content{margin-left:0}.production-container{flex-direction:column}}.logistic-container{display:flex;min-height:100vh}.logistic-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.logistic-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.logistic-sidebar-header h2{font-size:1.5rem;font-weight:600}.logistic-sidebar-header i{color:gold;margin-right:10px}.logistic-sidebar-menu{list-style:none;padding:20px 0}.logistic-sidebar-menu li{margin:0}.logistic-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.logistic-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:gold}.logistic-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:gold}.logistic-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.logistic-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.logistic-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.logistic-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.logistic-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.logistic-header-right,.logistic-user-profile{align-items:center;display:flex}.logistic-dashboard-content{padding:30px}.logistic-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.logistic-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease}.logistic-stat-card:hover{transform:translateY(-5px)}.logistic-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.logistic-stat-blue .logistic-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.logistic-stat-orange .logistic-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.logistic-stat-green .logistic-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.logistic-stat-red .logistic-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.logistic-stat-content h3{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0}.logistic-stat-content p{color:#64748b;font-size:1rem;margin:5px 0}.logistic-stat-change{background:#f0f9ff;border-radius:20px;color:#0369a1;font-size:.9rem;font-weight:600;padding:4px 8px}.logistic-recent-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;overflow:hidden}.logistic-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 25px}.logistic-section-header h2{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.logistic-view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.logistic-view-all-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.logistic-activities-list{padding:20px 25px}.logistic-activity-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:15px 0}.logistic-activity-item:last-child{border-bottom:none}.logistic-activity-icon{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-right:15px;width:40px}.logistic-activity-item:first-child .logistic-activity-icon{background:#d1fae5;color:#059669}.logistic-activity-item:nth-child(2) .logistic-activity-icon{background:#dbeafe;color:#2563eb}.logistic-activity-item:nth-child(3) .logistic-activity-icon{background:#fef3c7;color:#d97706}.logistic-activity-item:nth-child(4) .logistic-activity-icon{background:#d1fae5;color:#059669}.logistic-activity-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.logistic-activity-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.logistic-activity-time{color:#94a3b8;font-size:.8rem}.logistic-quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.logistic-quick-actions h2{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.logistic-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logistic-action-card{background:#f8fafc;border:2px solid #0000;border-radius:8px;color:inherit;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease}.logistic-action-card:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-3px)}.logistic-action-card i{color:#667eea;font-size:2rem;margin-bottom:10px}.logistic-action-card h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 5px}.logistic-action-card p{color:#64748b;font-size:.9rem;margin:0}.logistic-consignment-details-content{margin:0 auto;max-width:1200px;padding:30px}.logistic-pending-consignment-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-pending-consignment-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-consignment-selector{align-items:center;display:flex;gap:10px}.logistic-consignment-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;min-width:100px;padding:8px 12px}.logistic-consignment-info-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-consignment-info-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-consignment-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.logistic-detail-item{display:flex;flex-direction:column;gap:5px}.logistic-detail-item label{color:#374151;font-size:.9rem;font-weight:600}.logistic-detail-item span{color:#1f2937;font-size:1rem}.logistic-status-forward{background:#dbeafe;border-radius:4px;color:#1d4ed8;font-size:.8rem;font-weight:600;padding:4px 8px}.logistic-products-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-products-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-products-table-container{overflow-x:auto}.logistic-products-table{border-collapse:collapse;min-width:500px;width:100%}.logistic-products-table th{background:#f8fafc;border:1px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.logistic-products-table td{border:1px solid #e5e7eb;color:#1f2937;padding:12px}.logistic-product-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.logistic-document-upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-document-upload-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-document-form{display:flex;flex-direction:column;gap:15px}.logistic-form-row{align-items:end;display:flex;gap:15px}.logistic-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.logistic-form-group-full{flex:1 1}.logistic-form-group label{color:#374151;font-size:.9rem;font-weight:600}.logistic-form-input,.logistic-form-select,.logistic-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:8px 12px}.logistic-form-textarea{font-family:inherit;resize:vertical}.logistic-file-upload{align-items:center;display:flex;flex:1 1;gap:10px}.logistic-choose-file-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.9rem;padding:8px 16px}.logistic-choose-file-btn:hover{background:#e5e7eb}.logistic-file-input{display:none}.logistic-file-name{color:#6b7280;font-size:.9rem}.logistic-upload-btn{background:#3b82f6;border-radius:4px;font-size:.9rem;font-weight:600;padding:8px 20px}.logistic-upload-btn:hover{background:#2563eb}.logistic-document-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-document-list-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-no-documents{color:#6b7280;font-style:italic;padding:20px}.logistic-documents-table-container{overflow-x:auto}.logistic-documents-table{border-collapse:collapse;min-width:600px;width:100%}.logistic-documents-table th{background:#f8fafc;border:1px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.logistic-documents-table td{border:1px solid #e5e7eb;color:#1f2937;padding:12px}.logistic-delete-doc-btn,.logistic-view-doc-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.8rem;height:30px;justify-content:center;margin-right:5px;width:30px}.logistic-view-doc-btn{background:#dbeafe;color:#1d4ed8}.logistic-view-doc-btn:hover{background:#bfdbfe}.logistic-delete-doc-btn{background:#fee2e2;color:#dc2626}.logistic-delete-doc-btn:hover{background:#fecaca}.logistic-status-update-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.logistic-status-update-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.logistic-status-form{display:flex;flex-direction:column;gap:15px}.logistic-form-actions{display:flex;justify-content:flex-end;margin-top:10px}.logistic-dispatch-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px}.logistic-dispatch-btn:hover{background:#2563eb}.logistic-filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.logistic-search-box{flex:1 1;min-width:300px;position:relative}.logistic-search-box i{color:#64748b;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.logistic-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.logistic-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.logistic-filter-group{display:flex;gap:10px}.logistic-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 15px;transition:all .3s ease}.logistic-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.logistic-error-message{align-items:center;background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;display:flex;gap:10px;margin-bottom:20px;padding:15px}.logistic-error-message i{font-size:1.2rem}.logistic-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;overflow-x:auto}.logistic-table{border-collapse:collapse;min-width:1000px;width:100%}.logistic-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:15px;text-align:left;text-transform:uppercase}.logistic-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:15px;vertical-align:middle}.logistic-table tbody tr:hover{background:#f8fafc}.logistic-consignment-no{color:#667eea;font-weight:600}.logistic-dispatch-method{align-items:center;display:flex;gap:8px}.logistic-dispatch-method i{color:#667eea;font-size:1.1rem}.logistic-status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.logistic-status-pending{background:#fef3c7;color:#d97706}.logistic-status-transit{background:#dbeafe;color:#2563eb}.logistic-status-delivered{background:#d1fae5;color:#059669}.logistic-status-cancelled{background:#fee2e2;color:#dc2626}.logistic-status-default{background:#f1f5f9;color:#64748b}.logistic-action-buttons{display:flex;gap:8px}.logistic-edit-btn,.logistic-update-btn,.logistic-view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.logistic-view-btn{background:#e0f2fe;color:#0277bd}.logistic-view-btn:hover{background:#b3e5fc;transform:translateY(-2px)}.logistic-edit-btn{background:#f3e5f5;color:#7b1fa2}.logistic-edit-btn:hover{background:#e1bee7;transform:translateY(-2px)}.logistic-update-btn{background:#e8f5e8;color:#2e7d32}.logistic-update-btn:hover{background:#c8e6c9;transform:translateY(-2px)}.logistic-no-data{padding:40px;text-align:center}.logistic-no-data-content{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:15px}.logistic-no-data-content i{font-size:3rem;opacity:.5}.logistic-no-data-content p{font-size:1.1rem;margin:0}.logistic-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px}.logistic-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.logistic-loading p{font-size:1.1rem;margin:0}@media (max-width:768px){.logistic-main-content{margin-left:0}.logistic-sidebar{transform:translateX(-100%);transition:transform .3s ease}.logistic-sidebar.open{transform:translateX(0)}.logistic-consignment-details-content,.logistic-dashboard-content{padding:20px}.logistic-stats-grid{grid-template-columns:1fr}.logistic-filters-section{align-items:stretch;flex-direction:column}.logistic-search-box{min-width:auto}.logistic-table-container{overflow-x:auto}.logistic-actions-grid{grid-template-columns:1fr}}@media (max-width:480px){.logistic-header{gap:15px}.logistic-header,.logistic-stat-card{flex-direction:column;text-align:center}.logistic-action-buttons{flex-direction:column}}.logistic-next-consignment-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:24px;padding:24px}.logistic-next-consignment-section h3{align-items:center;display:flex;font-size:1.4rem;font-weight:600;margin:0 0 16px}.logistic-next-consignment-section h3:before{content:"🔢";font-size:1.2rem;margin-right:10px}.logistic-next-consignment-display{align-items:center;display:flex;flex-direction:column;text-align:center}.logistic-consignment-number-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 32px #0000001a;display:flex;font-size:1.8rem;font-weight:700;margin-bottom:12px;padding:16px 32px}.logistic-consignment-number-badge i{color:gold;font-size:1.5rem;margin-right:12px}.consignment-number{font-family:Courier New,monospace;letter-spacing:2px;text-shadow:0 2px 4px #0000004d}.logistic-consignment-info{font-size:14px;font-style:italic;line-height:1.5;margin:0;max-width:400px;opacity:.9}.logistic-product-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px}.logistic-detail-item-full{grid-column:1/-1}.logistic-detail-item-full label{color:#333;display:block;font-weight:600;margin-bottom:8px}.logistic-detail-item-full span{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;display:block;line-height:1.4;padding:8px 12px}.logistic-status-pending{background:#ffc107;color:#000}.logistic-status-forwarded-to-qc{background:#17a2b8;color:#fff}.logistic-status-forwarded-to-logistic{background:#6f42c1;color:#fff}.logistic-status-completed{background:#28a745;color:#fff}.logistic-status-cancelled{background:#dc3545;color:#fff}.logistic-document-upload-info{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-size:14px;margin-bottom:20px;padding:12px 16px}.logistic-document-upload-info i{font-size:16px;margin-right:8px}.logistic-choose-file-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.logistic-choose-file-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.logistic-choose-file-btn i{margin-right:8px}.logistic-file-name{color:#666;font-size:14px;font-style:italic;margin-left:12px}.logistic-upload-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.logistic-upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.logistic-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.logistic-upload-btn i{margin-right:8px}.logistic-no-documents{color:#6c757d;padding:40px 20px;text-align:center}.logistic-no-documents i{color:#dee2e6;font-size:48px;margin-bottom:16px}.logistic-no-documents p{font-size:16px;font-weight:500;margin:0 0 8px}.logistic-no-documents small{color:#adb5bd;font-size:14px}.logistic-document-name{align-items:center;display:flex;gap:8px}.logistic-document-name i{color:#667eea;font-size:14px}.logistic-document-type{border-radius:4px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.logistic-document-type-invoice{background:#e3f2fd;color:#1976d2}.logistic-document-type-bl{background:#f3e5f5;color:#7b1fa2}.logistic-document-type-packing-list{background:#e8f5e8;color:#388e3c}.logistic-document-type-other-document{background:#fff3e0;color:#f57c00}.logistic-document-actions{display:flex;gap:4px;justify-content:center}.logistic-delete-doc-btn,.logistic-download-doc-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px;transition:all .2s ease}.logistic-download-doc-btn{color:#28a745}.logistic-download-doc-btn:hover{background:#e8f5e8;color:#1e7e34}.logistic-delete-doc-btn{color:#dc3545}.logistic-delete-doc-btn:hover{background:#f8d7da;color:#721c24}.store-container{display:flex;min-height:100vh}.store-sidebar{background:linear-gradient(135deg,#059669,#047857);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.store-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.store-sidebar-header h2{font-size:1.5rem;font-weight:600}.store-sidebar-header i{color:#34d399;margin-right:10px}.store-sidebar-menu{list-style:none;padding:20px 0}.store-sidebar-menu li{margin:0}.store-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.store-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#34d399}.store-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#34d399}.store-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.store-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.store-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.store-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.store-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.store-header-right,.store-user-profile{align-items:center;display:flex}.store-dashboard{padding:30px}.store-dashboard-header{margin-bottom:30px}.store-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.store-dashboard-header p{color:#64748b;font-size:1.1rem;margin:0}.store-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.store-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;padding:25px;transition:transform .2s ease}.store-stat-card:hover{transform:translateY(-2px)}.store-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:20px;width:60px}.store-stat-blue .store-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.store-stat-orange .store-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.store-stat-green .store-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.store-stat-red .store-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.store-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.store-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.store-stat-change{border-radius:12px;font-size:.8rem;font-weight:600;padding:2px 8px}.store-change-blue{background:#dbeafe;color:#1d4ed8}.store-change-orange{background:#fed7aa;color:#d97706}.store-change-green{background:#d1fae5;color:#059669}.store-change-red{background:#fee2e2;color:#dc2626}.store-request-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.store-request-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:25px;transition:all .3s ease}.store-request-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.store-request-pending{border-left-color:#f59e0b}.store-request-pending:hover{background:linear-gradient(90deg,#fffbeb,#fff);border-left-color:#d97706}.store-request-released{border-left-color:#10b981}.store-request-released:hover{background:linear-gradient(90deg,#ecfdf5,#fff);border-left-color:#059669}.store-request-card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-right:20px;width:60px}.store-request-pending .store-request-card-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.store-request-released .store-request-card-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.store-request-card-content{flex:1 1}.store-request-card-content h3{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 8px}.store-request-pending .store-request-card-content h3{color:#d97706}.store-request-released .store-request-card-content h3{color:#059669}.store-request-card-content p{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.store-request-card-subtitle{color:#64748b;display:block;font-size:.85rem;margin-top:4px}.store-request-card-arrow{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.store-request-card:hover .store-request-card-arrow{color:#1e293b;transform:translateX(5px)}.store-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.store-quick-actions,.store-recent-activities{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.store-quick-actions h3,.store-recent-activities h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.store-action-buttons{display:flex;flex-direction:column;gap:12px}.store-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .2s ease}.store-action-btn i{font-size:1.1rem;margin-right:10px}.store-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.store-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.store-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.store-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.store-btn-tertiary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.store-btn-tertiary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.store-activities-list{display:flex;flex-direction:column;gap:15px}.store-activity-item{align-items:center;background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;padding:15px}.store-activity-store-in{border-left-color:#10b981}.store-activity-store-out{border-left-color:#ef4444}.store-activity-alert{border-left-color:#f59e0b}.store-activity-icon{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-right:15px;width:40px}.store-activity-store-in .store-activity-icon{background:#d1fae5;color:#059669}.store-activity-store-out .store-activity-icon{background:#fee2e2;color:#dc2626}.store-activity-alert .store-activity-icon{background:#fed7aa;color:#d97706}.store-activity-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.store-activity-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.store-activity-time{color:#94a3b8;font-size:.8rem}@media (max-width:768px){.store-sidebar{width:200px}.store-main-content{margin-left:200px}.store-dashboard-content,.store-stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.store-sidebar{height:auto;position:relative;width:100%}.store-main-content{margin-left:0}.store-header{padding:15px 20px}.store-dashboard{padding:20px}}.purchase-container{display:flex;min-height:100vh}.purchase-sidebar{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.purchase-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.purchase-sidebar-header h2{font-size:1.5rem;font-weight:600}.purchase-sidebar-header i{color:#a5b4fc;margin-right:10px}.purchase-sidebar-menu{list-style:none;padding:20px 0}.purchase-sidebar-menu li{margin:0}.purchase-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.purchase-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#a5b4fc}.purchase-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#a5b4fc}.purchase-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.purchase-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.purchase-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.purchase-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.purchase-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.purchase-header-right,.purchase-user-profile{align-items:center;display:flex}.purchase-dashboard{padding:30px}.purchase-dashboard-header{margin-bottom:30px}.purchase-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.purchase-dashboard-header p{color:#64748b;font-size:1.1rem;margin:0}.purchase-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.purchase-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;padding:25px;transition:transform .2s ease}.purchase-stat-card:hover{transform:translateY(-2px)}.purchase-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:20px;width:60px}.purchase-stat-blue .purchase-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.purchase-stat-orange .purchase-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.purchase-stat-green .purchase-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.purchase-stat-purple .purchase-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.purchase-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.purchase-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.purchase-stat-change{border-radius:12px;font-size:.8rem;font-weight:600;padding:2px 8px}.purchase-change-blue{background:#dbeafe;color:#1d4ed8}.purchase-change-orange{background:#fed7aa;color:#d97706}.purchase-change-green{background:#d1fae5;color:#059669}.purchase-change-purple{background:#ede9fe;color:#7c3aed}.purchase-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.purchase-quick-actions,.purchase-recent-activities{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.purchase-quick-actions h3,.purchase-recent-activities h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.purchase-action-buttons{display:flex;flex-direction:column;gap:12px}.purchase-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .2s ease}.purchase-action-btn i{font-size:1.1rem;margin-right:10px}.purchase-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.purchase-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.purchase-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.purchase-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.purchase-btn-tertiary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.purchase-btn-tertiary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.purchase-activities-list{display:flex;flex-direction:column;gap:15px}.purchase-activity-item{align-items:center;background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;padding:15px}.purchase-activity-order{border-left-color:#6366f1}.purchase-activity-received{border-left-color:#10b981}.purchase-activity-invoice{border-left-color:#f59e0b}.purchase-activity-icon{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-right:15px;width:40px}.purchase-activity-order .purchase-activity-icon{background:#e0e7ff;color:#6366f1}.purchase-activity-received .purchase-activity-icon{background:#d1fae5;color:#059669}.purchase-activity-invoice .purchase-activity-icon{background:#fed7aa;color:#d97706}.purchase-activity-content{flex:1 1}.purchase-activity-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 5px}.purchase-activity-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.purchase-activity-time{color:#94a3b8;font-size:.8rem}.purchase-activity-status{margin-left:15px}.purchase-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px}.purchase-status-pending{background:#fef3c7;color:#d97706}.purchase-status-completed{background:#d1fae5;color:#059669}.purchase-status-paid{background:#dbeafe;color:#1d4ed8}@media (max-width:768px){.purchase-sidebar{width:200px}.purchase-main-content{margin-left:200px}.purchase-dashboard-content,.purchase-stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.purchase-sidebar{height:auto;position:relative;width:100%}.purchase-main-content{margin-left:0}.purchase-header{padding:15px 20px}.purchase-dashboard{padding:20px}}.sales-container{display:flex;min-height:100vh}.sales-sidebar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.sales-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sales-sidebar-header h2{font-size:1.5rem;font-weight:600}.sales-sidebar-header i{color:#93c5fd;margin-right:10px}.sales-sidebar-menu{list-style:none;padding:20px 0}.sales-sidebar-menu li{margin:0}.sales-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.sales-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#93c5fd}.sales-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#93c5fd}.sales-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.sales-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.sales-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.sales-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.sales-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.sales-header-right,.sales-user-profile{align-items:center;display:flex}.sales-dashboard{padding:30px}.sales-dashboard-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.sales-dashboard-content h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.sales-dashboard-content p{color:#64748b;font-size:1.1rem;margin:0}@media (max-width:768px){.sales-sidebar{width:200px}.sales-main-content{margin-left:200px}}@media (max-width:640px){.sales-sidebar{height:auto;position:relative;width:100%}.sales-main-content{margin-left:0}.sales-header{padding:15px 20px}.sales-dashboard{padding:20px}}.accounts-container{display:flex;min-height:100vh}.accounts-sidebar{background:linear-gradient(135deg,#059669,#047857);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.accounts-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.accounts-sidebar-header h2{font-size:1.5rem;font-weight:600}.accounts-sidebar-header i{color:#34d399;margin-right:10px}.accounts-sidebar-menu{list-style:none;padding:20px 0}.accounts-sidebar-menu li{margin:0}.accounts-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.accounts-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#34d399}.accounts-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#34d399}.accounts-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.accounts-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.accounts-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.accounts-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.accounts-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.accounts-header-right,.accounts-user-profile{align-items:center;display:flex}.accounts-dashboard{padding:30px}.accounts-dashboard-header{margin-bottom:30px}.accounts-dashboard-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 10px}.accounts-dashboard-header p{color:#64748b;font-size:1.1rem;margin:0}.accounts-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.accounts-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;padding:25px;transition:transform .2s ease}.accounts-stat-card:hover{transform:translateY(-2px)}.accounts-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:20px;width:60px}.accounts-stat-blue .accounts-stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.accounts-stat-orange .accounts-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.accounts-stat-green .accounts-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.accounts-stat-purple .accounts-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.accounts-stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 5px}.accounts-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.accounts-stat-change{font-size:.85rem;font-weight:600}.accounts-change-blue{color:#3b82f6}.accounts-change-orange{color:#f59e0b}.accounts-change-green{color:#10b981}.accounts-change-purple{color:#8b5cf6}.accounts-dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.accounts-quick-actions{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.accounts-quick-actions h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 20px}.accounts-action-buttons{display:flex;flex-wrap:wrap;gap:15px}.accounts-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.accounts-btn-primary{background:linear-gradient(135deg,#059669,#047857);color:#fff}.accounts-btn-primary:hover{box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}@media (max-width:768px){.accounts-sidebar{width:200px}.accounts-main-content{margin-left:200px}.accounts-stats-grid{grid-template-columns:1fr}.accounts-action-buttons{flex-direction:column}}.packing-container{display:flex;min-height:100vh}.packing-sidebar{background:linear-gradient(135deg,#059669,#047857);color:#fff;height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.packing-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.packing-sidebar-header h2{font-size:1.5rem;font-weight:600}.packing-sidebar-header i{color:#34d399;margin-right:10px}.packing-sidebar-menu{list-style:none;padding:20px 0}.packing-sidebar-menu li{margin:0}.packing-sidebar-menu a{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.packing-sidebar-menu a:hover{background-color:#ffffff1a;border-left-color:#34d399}.packing-sidebar-menu li.active a{background-color:#ffffff26;border-left-color:#34d399}.packing-sidebar-menu i{margin-right:12px;text-align:center;width:20px}.packing-main-content{background-color:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh}.packing-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.packing-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.packing-header-left p{color:#64748b;font-size:.9rem;margin:5px 0 0}.packing-header-right{gap:20px}.packing-header-right,.packing-user-profile{align-items:center;display:flex}.packing-dashboard{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.packing-dashboard-header{margin-bottom:30px}.packing-dashboard-header h2{color:#1e293b;font-size:1.8rem;margin:0 0 5px}.packing-dashboard-header p{color:#64748b;font-size:1rem;margin:0}.packing-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.packing-stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .2s,box-shadow .2s}.packing-stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.packing-stat-icon{align-items:center;background:linear-gradient(135deg,#059669,#047857);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.packing-stat-content{flex:1 1}.packing-stat-content h3{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0 0 5px}.packing-stat-content p{color:#64748b;font-size:.9rem;margin:0 0 5px}.packing-stat-change{border-radius:4px;font-size:.75rem;font-weight:600;padding:2px 8px}.packing-change-green{background-color:#d1fae5;color:#059669}.packing-change-orange{background-color:#fed7aa;color:#d97706}.packing-change-blue{background-color:#dbeafe;color:#2563eb}.packing-dashboard-content{margin:0 auto;max-width:1200px}.packing-quick-actions{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:25px}.packing-quick-actions h3{color:#1e293b;font-size:1.3rem;margin:0 0 20px}.packing-action-buttons{display:flex;flex-wrap:wrap;gap:15px}.packing-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:10px;padding:12px 24px;text-decoration:none;transition:all .2s}.packing-btn-primary{background:linear-gradient(135deg,#059669,#047857);color:#fff}.packing-btn-primary:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 6px #0596694d;transform:translateY(-2px)}@media (max-width:768px){.packing-sidebar{width:200px}.packing-main-content{margin-left:200px}.packing-header{padding:15px 20px}.packing-header-left h1{font-size:1.5rem}.packing-dashboard{padding:15px}}@media (max-width:640px){.packing-sidebar{height:auto;position:relative;width:100%}.packing-main-content{margin-left:0}.packing-container{flex-direction:column}}.main-dashboard{background:#f8f9fa;min-height:100vh;padding:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.stat-card{border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.products-card{border-left-color:#667eea}.suppliers-card{border-left-color:#f093fb}.buyers-card{border-left-color:#4facfe}.card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.products-card .card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.suppliers-card .card-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.buyers-card .card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-info h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.card-number{line-height:1}.card-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding-top:16px}.recent-info{display:flex;flex-direction:column;gap:2px}.recent-label{color:#6c757d;font-size:12px;font-weight:500}.recent-count{color:#28a745;font-size:16px;font-weight:600}.card-action-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.card-action-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.quick-actions{margin-bottom:40px}.quick-actions h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:20px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.action-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:18px;height:48px;justify-content:center;width:48px}.action-content h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.action-content p{color:#6c757d;font-size:14px;margin:0}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.recent-activity h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:20px}.activity-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.activity-item:hover{background:#e9ecef}.activity-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.activity-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon.suppliers{background:linear-gradient(135deg,#f093fb,#f5576c)}.activity-icon.buyers{background:linear-gradient(135deg,#4facfe,#00f2fe)}.activity-content h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.activity-content p{color:#6c757d;font-size:12px;margin:0}@media (max-width:768px){.main-dashboard{padding:10px}.page-header{padding:15px}.header-content h1{font-size:24px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.card-header{gap:12px}.card-icon{font-size:20px;height:50px;width:50px}.card-number{font-size:28px}.actions-grid{gap:15px;grid-template-columns:1fr}.action-card{padding:16px}.activity-summary{gap:15px;grid-template-columns:1fr}.activity-item{padding:12px}}@media (max-width:480px){.header-content h1{font-size:20px}.stat-card{padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.card-icon{font-size:16px;height:40px;width:40px}.card-number{font-size:24px}.action-card{flex-direction:column;gap:12px;text-align:center}.action-icon{font-size:16px;height:40px;width:40px}}.booking-details-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.booking-details-modal .modal-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.booking-details-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.booking-details-modal .modal-close:hover{background:#e9ecef;color:#495057}.booking-details-modal .modal-body{flex:1 1;overflow-y:auto;padding:30px}.booking-details-modal .info-section{margin-bottom:30px}.booking-details-modal .info-section:last-child{margin-bottom:0}.booking-details-modal .section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.booking-details-modal .field-row{display:flex;gap:20px;margin-bottom:20px}.booking-details-modal .field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.booking-details-modal .field-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.booking-details-modal .field-box:hover{border-color:#dee2e6;box-shadow:0 2px 4px #0000000d}.booking-details-modal .field-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.booking-details-modal .field-value{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;margin:0;word-break:break-word}.booking-details-modal .field-value.price-value{color:#28a745;font-size:16px;font-weight:600}.booking-details-modal .type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.booking-details-modal .type-extract{background:#d4edda;color:#155724}.booking-details-modal .type-powder{background:#fff3cd;color:#856404}.booking-details-modal .type-oil{background:#cce5ff;color:#004085}.booking-details-modal .type-liquid{background:#d1ecf1;color:#0c5460}.booking-details-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:24px 30px}.booking-details-modal .close-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:120px;padding:12px 40px;text-transform:uppercase;transition:all .2s}.booking-details-modal .close-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.booking-details-modal .close-btn:active{transform:translateY(0)}@media (max-width:768px){.booking-details-modal .modal-body,.booking-details-modal .modal-footer,.booking-details-modal .modal-header{padding:20px}.booking-details-modal .field-grid{grid-template-columns:1fr}.booking-details-modal .field-row{flex-direction:column;gap:15px}.booking-details-modal .field-box{padding:12px}}@media (max-width:480px){.booking-details-modal .modal-header h2{font-size:20px}.booking-details-modal .section-title{font-size:16px}.booking-details-modal .field-value{font-size:13px}}.update-product-modal .array-input{align-items:center;display:flex;gap:10px;margin-bottom:10px}.update-product-modal .array-input select{flex:1 1}.update-product-modal .btn-add-item{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:12px 15px;transition:background .3s ease}.update-product-modal .btn-add-item:hover{background:#218838}.update-product-modal .array-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.update-product-modal .array-item{align-items:center;background:#e9ecef;border-radius:20px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.update-product-modal .array-item button{align-items:center;background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;height:20px;justify-content:center;padding:2px;width:20px}.update-product-modal .array-item button:hover{background:#dc3545;color:#fff}.delete-modal{border-radius:12px;display:flex;flex-direction:column;height:100%;max-width:500px;overflow:hidden}.delete-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.delete-modal .modal-header h3{color:#dc3545;font-size:20px;font-weight:700;margin:0}.delete-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.delete-modal .modal-close:hover{background:#e9ecef;color:#495057}.delete-modal .modal-body{flex:1 1;padding:30px;text-align:center}.delete-modal .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 16px}.delete-modal .error-message i{font-size:16px}.delete-modal .warning-icon{margin-bottom:20px}.delete-modal .warning-icon i{color:#ffc107;font-size:48px}.delete-modal h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.delete-modal .product-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.delete-modal .product-info p{color:#495057;font-size:14px;margin:8px 0}.delete-modal .product-info strong{color:#2c3e50;font-weight:600}.delete-modal .warning-text{color:#6c757d;font-size:14px;line-height:1.5;margin:20px 0 0}.delete-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:24px 30px}.delete-modal .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.delete-modal .btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal .btn-secondary{background:#6c757d;color:#fff}.delete-modal .btn-secondary:hover:not(:disabled){background:#5a6268}.delete-modal .btn-danger{background:#dc3545;color:#fff}.delete-modal .btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.delete-modal .btn-danger:active{transform:translateY(0)}@media (max-width:768px){.delete-modal .modal-body,.delete-modal .modal-footer,.delete-modal .modal-header{padding:20px}.delete-modal .modal-footer{flex-direction:column}.delete-modal .btn{width:100%}}@media (max-width:480px){.delete-modal .modal-header h3{font-size:18px}.delete-modal h4{font-size:16px}.delete-modal .warning-icon i{font-size:40px}}.modern-product-dashboard .title-box{margin-bottom:24px}.modern-product-dashboard .title-box h2{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.modern-product-dashboard .title-box p{color:#718096;font-size:16px;margin:0}.modern-product-dashboard .search-filter-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.modern-product-dashboard .search-section{align-items:center;display:flex;gap:12px}.modern-product-dashboard .search-input-wrapper{position:relative}.modern-product-dashboard .search-icon{color:#a0aec0;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.modern-product-dashboard .search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:300px}.modern-product-dashboard .search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modern-product-dashboard .filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:120px;padding:10px 12px}.modern-product-dashboard .add-product-btn{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.modern-product-dashboard .add-product-btn:hover{background:#5a67d8;color:#fff}.modern-product-dashboard .container-box-inner{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.modern-product-dashboard .table{border-collapse:collapse;margin:0;width:100%}.modern-product-dashboard .table thead th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.modern-product-dashboard .table thead th:first-child{text-align:center;width:80px}.modern-product-dashboard .table tbody tr{border-bottom:1px solid #f1f5f9}.modern-product-dashboard .table tbody tr.even-row{background:#fff}.modern-product-dashboard .table tbody tr.odd-row{background:#f8fafc}.modern-product-dashboard .table tbody tr:hover{background:#f1f5f9}.modern-product-dashboard .table tbody td{color:#2d3748;font-size:14px;padding:16px 12px}.modern-product-dashboard .sno-cell{color:#4a5568;font-weight:500;text-align:center}.modern-product-dashboard .type-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.modern-product-dashboard .type-badge.type-extract{background:#667eea;color:#fff}.modern-product-dashboard .type-badge.type-powder{background:#ed8936;color:#fff}.modern-product-dashboard .type-badge.type-oil{background:#38b2ac;color:#fff}.modern-product-dashboard .type-badge.type-liquid{background:#4299e1;color:#fff}.modern-product-dashboard .category-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.modern-product-dashboard .category-badge.category-herbal-extract{background:#48bb78;color:#fff}.modern-product-dashboard .category-badge.category-herbal-powder{background:#ed8936;color:#fff}.modern-product-dashboard .category-badge.category-honey{background:#d69e2e;color:#fff}.modern-product-dashboard .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;text-transform:capitalize}.modern-product-dashboard .status-badge.received{background:#48bb78;color:#fff}.modern-product-dashboard .status-badge.not-received{background:#f56565;color:#fff}.modern-product-dashboard .status-badge.status-approved{background:#48bb78;color:#fff}.modern-product-dashboard .status-badge.status-pending{background:#ed8936;color:#fff}.modern-product-dashboard .status-badge.status-rejected{background:#f56565;color:#fff}.modern-product-dashboard .approved-by-cell,.modern-product-dashboard .approved-status-cell,.modern-product-dashboard .qc-approval-date-cell,.modern-product-dashboard .sample-received-cell{font-size:13px;white-space:nowrap}.modern-product-dashboard .actions-cell{min-width:120px;padding:8px 12px!important;white-space:nowrap;width:auto}.modern-product-dashboard .action-buttons{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;justify-content:center;width:100%}.modern-product-dashboard .action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;min-width:32px;padding:0;transition:all .2s;width:32px}.modern-product-dashboard .view-btn{background:#4299e1;color:#fff}.modern-product-dashboard .view-btn:hover{background:#3182ce}.modern-product-dashboard .edit-btn{background:#48bb78;color:#fff}.modern-product-dashboard .edit-btn:hover{background:#38a169}.modern-product-dashboard .delete-btn{background:#f56565;color:#fff}.modern-product-dashboard .delete-btn:hover{background:#e53e3e}.modern-product-dashboard .pagination-container{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px 0}.modern-product-dashboard .pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.modern-product-dashboard .pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.modern-product-dashboard .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modern-product-dashboard .page-info{color:#4a5568;font-size:14px;font-weight:500}.modal-overlay{align-items:center!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.modal-content{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;max-height:90vh!important;max-width:800px!important;outline:none!important;overflow-y:auto!important;position:relative!important;width:90%!important}.modern-product-dashboard .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modern-product-dashboard .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.view-product-modal{display:flex;flex-direction:column;height:100%;width:100%}.ReactModal__Overlay{z-index:9999!important}.ReactModal__Content{z-index:10000!important}.view-product-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.view-product-modal .modal-header h2{color:#2d3748;font-size:24px;font-weight:700;margin:0}.view-product-modal .modal-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.view-product-modal .modal-close:hover{background:#f7fafc;color:#4a5568}.view-product-modal .modal-body{padding:0 24px}.view-product-modal .product-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.view-product-modal .detail-group h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.view-product-modal .detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.view-product-modal .detail-item:last-child{border-bottom:none}.view-product-modal .detail-item label{color:#4a5568;font-size:14px;font-weight:500;min-width:120px}.view-product-modal .detail-item span{color:#2d3748;flex:1 1;font-size:14px;margin-left:16px;text-align:right}.view-product-modal .modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:24px}.view-product-modal .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.view-product-modal .btn-secondary{background:#e2e8f0;color:#4a5568}.view-product-modal .btn-secondary:hover{background:#cbd5e0;color:#2d3748}.view-product-modal .type-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.view-product-modal .type-badge.type-extract{background:#667eea;color:#fff}.view-product-modal .type-badge.type-powder{background:#ed8936;color:#fff}.view-product-modal .type-badge.type-oil{background:#38b2ac;color:#fff}.view-product-modal .type-badge.type-liquid{background:#4299e1;color:#fff}.modern-product-dashboard .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modern-product-dashboard .modal-header h2{color:#2d3748;font-size:24px;font-weight:700;margin:0}.modern-product-dashboard .modal-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.modern-product-dashboard .modal-close:hover{background:#f7fafc;color:#4a5568}.modern-product-dashboard .modal-body{padding:0 24px}.modern-product-dashboard .product-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.modern-product-dashboard .detail-group h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.modern-product-dashboard .detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.modern-product-dashboard .detail-item:last-child{border-bottom:none}.modern-product-dashboard .detail-item label{color:#4a5568;font-size:14px;font-weight:500;min-width:120px}.modern-product-dashboard .detail-item span{color:#2d3748;flex:1 1;font-size:14px;margin-left:16px;text-align:right}.modern-product-dashboard .modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:24px}.modern-product-dashboard .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modern-product-dashboard .btn-secondary{background:#e2e8f0;color:#4a5568}.modern-product-dashboard .btn-secondary:hover{background:#cbd5e0;color:#2d3748}@media (max-width:768px){.modern-product-dashboard .modal-content{margin:20px;width:95%}.modern-product-dashboard .product-details-grid{gap:24px;grid-template-columns:1fr}.modern-product-dashboard .detail-item{align-items:flex-start;flex-direction:column;gap:4px}.modern-product-dashboard .detail-item span{margin-left:0;text-align:left}}.modern-product-dashboard .loading-container{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.modern-product-dashboard .loading-container i{color:#007bff;font-size:32px;margin-bottom:16px}.modern-product-dashboard .loading-container p{font-size:16px;margin:0}.modern-product-dashboard .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.modern-product-dashboard .error-message i{font-size:16px}.modern-product-dashboard .no-data{color:#6c757d;padding:60px 20px;text-align:center}.modern-product-dashboard .no-data i{color:#dee2e6;font-size:48px;margin-bottom:16px}.modern-product-dashboard .no-data p{font-size:16px;margin:0}.exhibition-dashboard .title-box{margin-bottom:24px}.exhibition-dashboard .title-box h2{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.exhibition-dashboard .title-box h3{color:#4a5568;font-size:20px;font-weight:600;margin:0}.exhibition-dashboard .search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 0}.exhibition-dashboard .search-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:300px}.exhibition-dashboard .exhibition-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:250px;padding:10px 12px}.exhibition-dashboard .search-input-wrapper{flex:1 1;position:relative}.exhibition-dashboard .search-icon{color:#a0aec0;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.exhibition-dashboard .search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.exhibition-dashboard .search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.exhibition-dashboard .pagination-controls-top{align-items:center;display:flex;font-size:14px;gap:8px}.exhibition-dashboard .per-page-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 12px}.exhibition-dashboard .container-box-inner{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.exhibition-dashboard .table-wrapper{overflow-x:auto}.exhibition-dashboard .table{border-collapse:collapse;font-size:14px;margin:0;width:100%}.exhibition-dashboard .table thead{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}.exhibition-dashboard .table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.exhibition-dashboard .table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:12px}.exhibition-dashboard .table tbody tr:hover{background-color:#f7fafc}.exhibition-dashboard .table .even-row{background-color:#fff}.exhibition-dashboard .table .odd-row{background-color:#f9fafb}.exhibition-dashboard .table .no-data{color:#a0aec0;padding:40px 20px;text-align:center}.exhibition-dashboard .table .no-data i{display:block;font-size:48px;margin-bottom:16px}.exhibition-dashboard .table .no-data p{font-size:16px;margin:0}.exhibition-dashboard .assign-to-cell{align-items:center;display:flex;gap:8px}.exhibition-dashboard .assign-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;min-width:120px;padding:6px 10px}.exhibition-dashboard .assign-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.exhibition-dashboard .assign-btn:hover{background:#5a67d8}.exhibition-dashboard .actions-cell{text-align:center}.exhibition-dashboard .action-buttons{display:flex;gap:8px;justify-content:center}.exhibition-dashboard .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s}.exhibition-dashboard .action-btn.assign-btn-action{align-items:center;background:#667eea;color:#fff;display:flex;font-size:13px;gap:6px;padding:8px 16px}.exhibition-dashboard .action-btn.assign-btn-action:hover{background:#5a67d8}.exhibition-dashboard .pagination-container{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px 0}.exhibition-dashboard .pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.exhibition-dashboard .pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.exhibition-dashboard .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.exhibition-dashboard .page-info{color:#4a5568;font-size:14px}.exhibition-dashboard .loading-container{color:#a0aec0;padding:40px 20px;text-align:center}.exhibition-dashboard .loading-container i{animation:spin 1s linear infinite;display:block;font-size:32px;margin-bottom:16px}.exhibition-dashboard .error-message{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.exhibition-dashboard .search-results-info{align-items:center;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px;display:flex;font-size:14px;gap:10px;margin-bottom:15px;padding:10px 15px}@media (max-width:768px){.exhibition-dashboard .search-filter-bar{align-items:stretch;flex-direction:column}.exhibition-dashboard .search-section{flex-direction:column}.exhibition-dashboard .table-wrapper{overflow-x:scroll}.exhibition-dashboard .table{min-width:1200px}}.booking-details-modal h3{color:#2c3e50}.modal-close{font-size:18px}.field-row{grid-gap:16px;gap:16px;margin-bottom:24px}.supplier-id{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.supplier-id .field-label{color:#fffc}.supplier-id .field-value{color:#fff;font-size:16px;font-weight:700}.status-badge{text-align:center}.status-badge .field-value{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active .field-value{background:#d4edda;color:#155724}.status-badge.pending .field-value{background:#fff3cd;color:#856404}.status-badge.inactive .field-value{background:#f8d7da;color:#721c24}.status-badge.cancelled .field-value{background:#e2e3e5;color:#383d41}@media (max-width:1200px){.booking-details-modal{max-width:80vw;min-width:70vw}}@media (max-width:480px){.modal-header{padding:12px 16px}.modal-body{padding:16px}.field-box{padding:10px}.field-label{font-size:11px}.field-value{font-size:13px}.section-title{font-size:14px}}.update-supplier-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:80vh;max-width:70vw;min-width:60vw;overflow:hidden;position:relative;width:100%}.update-supplier-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:30px 40px}.update-supplier-modal .modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.update-supplier-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.update-supplier-modal .modal-close:hover{background:#e9ecef;color:#495057}.update-supplier-modal .update-form{display:flex;flex-direction:column;gap:30px}.update-supplier-modal .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:40px}.update-supplier-modal .form-section{display:flex;flex-direction:column;gap:20px}.update-supplier-modal .form-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0;padding-bottom:10px}.update-supplier-modal .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.update-supplier-modal .form-group{display:flex;flex-direction:column;gap:8px}.update-supplier-modal .form-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.update-supplier-modal .form-label.required:after{color:#dc3545;content:" *"}.update-supplier-modal .form-input,.update-supplier-modal .form-select,.update-supplier-modal .form-textarea{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-sizing:border-box;color:#2c3e50;font-size:15px;padding:14px 18px;transition:all .2s;width:100%}.update-supplier-modal .form-input:focus,.update-supplier-modal .form-select:focus,.update-supplier-modal .form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.update-supplier-modal .form-textarea{min-height:80px;resize:vertical}.update-supplier-modal .form-input[multiple]{min-height:100px}.update-supplier-modal .form-select[multiple]{min-height:150px;padding:10px}.update-supplier-modal .form-select[multiple] option{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:2px 0;padding:8px 12px}.update-supplier-modal .form-select[multiple] option:checked{background-color:#007bff;border-color:#0056b3;color:#fff}.update-supplier-modal .form-help{color:#6c757d;font-size:11px;font-style:italic;margin-top:4px}.read-only-field{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.update-supplier-modal .array-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.update-supplier-modal .array-input-group .form-input{flex:1 1;margin-bottom:0}.update-supplier-modal .remove-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.update-supplier-modal .remove-btn:hover{background:#c82333;transform:translateY(-1px)}.update-supplier-modal .add-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.update-supplier-modal .add-btn:hover{background:#218838;transform:translateY(-1px)}.products-selection{border-radius:4px;max-height:150px;padding:12px}.product-checkbox{font-size:12px;padding:6px 0}.product-type{font-size:11px}.update-supplier-modal .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.update-supplier-modal .error-message i{font-size:16px}.update-supplier-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;bottom:0;display:flex!important;flex-shrink:0;gap:12px;justify-content:flex-end;min-height:80px;padding:20px 40px;position:-webkit-sticky;position:sticky;z-index:10}.update-supplier-modal .btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex!important;font-size:14px;font-weight:600;gap:8px;height:auto;justify-content:center;min-width:120px;opacity:1!important;padding:12px 24px;transition:all .2s;visibility:visible!important}.update-supplier-modal .btn:disabled{cursor:not-allowed;opacity:.6}.update-supplier-modal .btn-secondary{background:#6c757d;border:2px solid #6c757d;color:#fff}.update-supplier-modal .btn-secondary:hover:not(:disabled){background:#5a6268}.update-supplier-modal .btn-primary{background:#007bff;border:2px solid #007bff;color:#fff}.update-supplier-modal .btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.update-supplier-modal .btn-primary:active{transform:translateY(0)}@media (max-width:1400px){.update-supplier-modal{max-width:75vw;min-width:65vw}}@media (max-width:1200px){.update-supplier-modal{max-width:80vw;min-width:70vw}.update-supplier-modal .form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.update-supplier-modal{max-width:95vw;min-width:95vw}.update-supplier-modal .modal-body,.update-supplier-modal .modal-header{padding:20px}.update-supplier-modal .form-grid{grid-template-columns:1fr}.update-supplier-modal .form-section{gap:15px}.update-supplier-modal .modal-footer{flex-direction:column}.update-supplier-modal .btn{width:100%}.update-supplier-modal .array-input-group{align-items:stretch;flex-direction:column}.update-supplier-modal .remove-btn{align-self:flex-end;padding:6px 10px;width:auto}}@media (max-width:480px){.update-supplier-modal .modal-header h3{font-size:20px}.update-supplier-modal .form-section h4{font-size:16px}.update-supplier-modal .form-input,.update-supplier-modal .form-select,.update-supplier-modal .form-textarea{font-size:13px;padding:10px 12px}}.supplier-dashboard{background-color:#f8f9fa;min-height:100vh;padding:20px}.title-box{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.title-box h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.add-supplier-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.add-supplier-btn:hover{box-shadow:0 4px 8px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.stat-card{box-shadow:0 2px 4px #0000001a;gap:16px;padding:24px}.stat-card:hover{box-shadow:0 4px 8px #00000026}.stat-icon{font-size:20px;height:50px;width:50px}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3{margin:0}.stat-content p{margin:4px 0 0}.search-filter-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.search-input-wrapper{flex:1 1;max-width:400px}.search-input-wrapper i{color:#7f8c8d;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.container-box-inner{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table{border-collapse:collapse;margin:0;width:100%}.table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.table td{border-bottom:1px solid #e9ecef;padding:16px 12px;vertical-align:middle}.table td:last-child{min-width:120px;white-space:nowrap;width:1%}.table tbody tr:hover{background-color:#f8f9fa}.company-info strong{color:#2c3e50;display:block;font-weight:600;margin-bottom:4px}.company-info small{color:#7f8c8d;font-size:12px}.contact-info strong{color:#2c3e50;display:block;font-weight:600;margin-bottom:4px}.contact-info small{color:#7f8c8d;font-size:12px}.location-info{display:flex;flex-direction:column}.location-info span{color:#2c3e50;font-weight:500}.location-info small{color:#7f8c8d;font-size:12px}.status-badge.cancelled{background:#e2e3e5;color:#383d41}.action-buttons{flex-shrink:0;flex-wrap:nowrap;justify-content:flex-start;min-width:-webkit-fit-content;min-width:fit-content}.action-btn{flex-shrink:0;min-width:32px}.view-btn:hover{background:#1976d2;color:#fff}.edit-btn:hover{background:#f57c00;color:#fff}.delete-btn:hover{background:#d32f2f;color:#fff}.pagination-container{background:#f8f9fa;border-top:1px solid #e9ecef}.page-info{color:#7f8c8d}.pagination-btn:hover:not(:disabled){background:#667eea}.loading-spinner{border-top-color:#667eea;margin-bottom:16px}.error-message{margin:20px;padding:20px}.no-data i{opacity:.5}.modal-overlay{z-index:1000!important}.modal-content{border:none;bottom:auto;box-shadow:0 10px 30px #0000004d;left:50%;margin-right:-50%;max-width:90vw;overflow:auto;padding:0;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.supplier-dashboard{padding:10px}.title-box{flex-direction:column;gap:16px;text-align:center}.stats-container{grid-template-columns:1fr}.search-filter-bar{flex-direction:column;gap:16px}.search-input-wrapper{max-width:100%}.table{font-size:12px}.table td,.table th{padding:8px 6px}.pagination-container{flex-direction:column;gap:16px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.action-btn.proceed-btn{color:#059669}.action-btn.proceed-btn:hover{background-color:#d1fae5;color:#047857}.action-btn.reject-btn{color:#dc2626}.action-btn.reject-btn:hover{background-color:#fee2e2;color:#b91c1c}.action-btn:disabled{opacity:.5}.reject-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.reject-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90%;width:800px}.reject-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.reject-modal-header h2{color:#1e293b;flex:1 1;font-size:1.3rem;margin:0}.reject-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.reject-modal-body{flex:1 1;overflow-y:auto;padding:20px}.reject-order-info{margin-bottom:20px}.reject-info-item{align-items:center;display:flex;gap:10px;margin-bottom:15px}.reject-info-item label{color:#64748b;font-size:.9rem;font-weight:600;min-width:150px}.reject-info-item span{color:#1e293b;font-size:.95rem}.reject-readonly-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;flex:1 1;font-size:.9rem;padding:8px 12px}.reject-products-section{margin:20px 0;overflow-x:auto}.reject-products-table{border:1px solid #e2e8f0;border-collapse:collapse;font-size:.85rem;width:100%}.reject-products-table thead{background-color:#f1f5f9}.reject-products-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.reject-products-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:10px 8px}.reject-products-table tbody tr:hover{background-color:#f8fafc}.reject-remark-section{margin-top:20px}.reject-remark-section label{color:#64748b;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.reject-remark-textarea{border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.9rem;min-height:100px;padding:10px 12px;resize:vertical;width:100%}.reject-remark-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.reject-modal-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.9rem;gap:10px;margin-top:15px;padding:12px 16px}.reject-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.cancel-reject-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-reject-btn:hover:not(:disabled){background-color:#e2e8f0;color:#1e293b}.cancel-reject-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-reject-btn{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.confirm-reject-btn:hover:not(:disabled){background-color:#b91c1c}.confirm-reject-btn:disabled{background-color:#dc2626;cursor:not-allowed;opacity:.5}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.pending-export-sales-order-table-container{overflow-x:scroll}.reject-modal-content,.view-modal-content{max-height:95vh;max-width:95%}.reject-info-item{align-items:flex-start;flex-direction:column}.reject-info-item label{min-width:auto}}.marketing-create-order{max-width:1400px;padding:20px 30px}.marketing-order-header{margin-bottom:30px}.marketing-order-header h2{font-size:2rem}.marketing-order-error,.marketing-order-success{border-radius:6px;gap:10px;margin-bottom:20px;padding:12px 16px}.marketing-order-form{padding:30px}.form-actions.save-section{margin-top:30px;padding-top:20px}.add-btn,.cancel-btn{font-size:1.1rem;padding:12px 30px}.cancel-btn{border-radius:6px}.products-table td{font-size:.95rem}.products-table tfoot td{padding:12px 16px}.proceed-export-sales-order{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:20px 30px}.proceed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.proceed-header h1{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0}.back-btn{background-color:#64748b;font-size:.95rem}.back-btn:hover{background-color:#475569}.error-container,.loading-container{padding:60px 20px;text-align:center}.error-message,.success-message{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.success-message{background-color:#d1fae5;border:1px solid #86efac;color:#047857}.batch-details-section,.order-details-section,.products-section,.sales-products-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.batch-details-section h2,.order-details-section h2,.products-section h2,.sales-products-section h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.order-details-grid{grid-template-columns:repeat(3,1fr)}.detail-item input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:.9rem}.batch-table-container,.products-table-container,.sales-products-table-container{overflow-x:auto}.batch-table,.products-table,.sales-products-table{border-collapse:collapse;font-size:.9rem;width:100%}.batch-table thead,.products-table thead,.sales-products-table thead{background-color:#f1f5f9}.batch-table th,.products-table th,.sales-products-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.batch-table td,.products-table td,.sales-products-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:10px 8px}.batch-table tbody tr:hover,.products-table tbody tr:hover,.sales-products-table tbody tr:hover{background-color:#f8fafc}.products-table tbody tr.released{background-color:#d1fae5}.select-product-btn{background-color:#7c3aed;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.select-product-btn:hover{background-color:#6d28d9}.released-badge{background-color:#059669;border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 8px}.loading-batches{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-batches{color:#94a3b8;font-style:italic;padding:40px 20px;text-align:center}.release-quantity-section{align-items:center;background-color:#f8fafc;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;padding:20px}.release-quantity-section label{color:#64748b;font-size:.9rem;font-weight:600}.release-quantity-section input{border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;padding:8px 12px;width:150px}.release-quantity-section input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.available-qty{color:#64748b;font-size:.85rem}.release-btn{background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s}.release-btn:hover:not(:disabled){background-color:#047857}.release-btn:disabled{cursor:not-allowed;opacity:.5}.sales-products-info{margin-bottom:15px}.sales-products-info p{color:#1e293b;font-size:.95rem;font-weight:600}.release-all-btn{background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:15px;padding:10px 20px;transition:all .2s}.release-all-btn:hover{background-color:#047857}.proceed-footer{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:10px;margin-top:30px;padding:20px}.final-proceed-btn{background-color:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 40px;transition:all .2s}.final-proceed-btn:hover:not(:disabled){background-color:#6d28d9}.final-proceed-btn:disabled{cursor:not-allowed;opacity:.5}.proceed-warning{color:#dc2626;font-size:.9rem;margin:0}@media (max-width:768px){.order-details-grid{grid-template-columns:1fr}.release-quantity-section{align-items:stretch;flex-direction:column}.release-quantity-section input{width:100%}}.payment-sales-order-details{margin:0 auto;max-width:1400px;padding:20px}.order-details-section,.products-section,.summary-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:25px;padding:25px}.order-details-section h2,.products-section h2,.summary-section h2{border-bottom:2px solid #007bff;color:#333;font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.order-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item span{font-size:15px}.released-badge{background-color:#d4edda;color:#155724}.not-released-badge,.released-badge{align-items:center;border-radius:15px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 10px}.not-released-badge{background-color:#f8d7da;color:#721c24}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.summary-item{align-items:center;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;display:flex;justify-content:space-between;padding:15px}.summary-item label{color:#666;font-size:14px;font-weight:600}.summary-item span{color:#333;font-size:16px;font-weight:600}.grand-total{color:#007bff!important;font-size:20px!important}@media (max-width:768px){.payment-header{align-items:flex-start;flex-direction:column;gap:15px}.order-details-grid,.summary-grid{grid-template-columns:1fr}.products-table{font-size:12px}.products-table td,.products-table th{padding:8px}}.payment-sales-order-list{margin:0 auto;max-width:1400px;padding:20px}.view-btn{margin-right:5px}.complete-btn{background-color:#28a745;border-radius:5px;padding:6px 12px;transition:background-color .3s}.complete-btn:hover{background-color:#218838}.complete-btn i{font-size:12px}.complete-payment-details{margin:0 auto;max-width:1400px;padding:20px}.payment-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.payment-header h1{color:#333;font-size:28px;margin:0}.back-btn{border-radius:5px;transition:background-color .3s}.other-details-section,.payment-details-section,.products-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:25px;padding:25px}.other-details-section h2,.payment-details-section h2,.products-section h2{border-bottom:2px solid #007bff;color:#333;font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.payment-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item label{color:#666;font-size:14px}.detail-item input{border:1px solid #ddd;border-radius:5px;color:#333;font-size:14px;padding:8px 12px}.detail-item input[readOnly]{background-color:#f5f5f5;cursor:not-allowed}.products-table td,.products-table th{font-size:14px}.products-table tfoot td{padding:15px 12px}.amount-received-input,.invoice-input{border:1px solid #ddd;border-radius:5px;font-size:13px;max-width:150px;padding:6px 10px;width:100%}.amount-received-input:focus,.invoice-input:focus{border-color:#007bff;outline:none}.receive-checkbox{accent-color:#007bff;cursor:pointer;height:20px;width:20px}.remarks-container{margin-bottom:20px}.remarks-container label{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.remarks-textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.remarks-textarea:focus{border-color:#007bff;outline:none}.payment-actions{display:flex;justify-content:flex-end;margin-top:20px}.receive-full-payment-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s}.receive-full-payment-btn:hover:not(:disabled){background-color:#0056b3}.receive-full-payment-btn:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.copyright{border-top:1px solid #e0e0e0;color:#666;font-size:12px;padding:20px}@media (max-width:768px){.payment-header{align-items:flex-start;flex-direction:column;gap:15px}.payment-details-grid{grid-template-columns:1fr}.products-table{font-size:12px}.products-table td,.products-table th{padding:8px}.amount-received-input,.invoice-input{max-width:100px}}.complete-payment-list{margin:0 auto;max-width:1400px;padding:20px}.empty-state-subtitle{color:#999;font-size:14px;margin-top:10px}.products-count{color:#007bff;font-weight:500}@media (max-width:768px){.list-header{align-items:flex-start;flex-direction:column}.search-input{width:100%}.table-container{overflow-x:auto}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:8px}.pagination{align-items:flex-start;flex-direction:column}}.rejected-export-sales-order{background-color:#f8fafc;max-width:100%;min-height:calc(100vh - 100px);padding:20px 30px}.rejected-export-sales-order-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.rejected-export-sales-order-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rejected-export-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#dc2626;height:50px;margin-bottom:20px;width:50px}.rejected-export-sales-order-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.rejected-export-sales-order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.rejected-export-sales-order-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.rejected-export-sales-order-table{border-collapse:collapse;font-size:.9rem;width:100%}.rejected-export-sales-order-table thead{background-color:#f1f5f9}.rejected-export-sales-order-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.rejected-export-sales-order-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:10px 8px}.rejected-export-sales-order-table tbody tr:hover{background-color:#f8fafc}.rejected-export-sales-order-table .no-data{color:#94a3b8;font-style:italic;padding:30px;text-align:center}.expand-icon{background:none;border:none;border-radius:4px;color:#64748b;padding:5px 10px;transition:all .2s}.expand-icon:hover{background-color:#f1f5f9;color:#1e293b}.expanded-row{background-color:#f8fafc}.expanded-content{padding:20px}.expanded-details{display:flex;flex-direction:column;gap:20px}.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:15px}.detail-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1rem;margin:0 0 15px}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-item label{color:#64748b;font-size:.85rem}.detail-item span{color:#1e293b}.status-badge.rejected{background-color:#fee2e2;color:#dc2626}.rejected-export-sales-order-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px}.pagination-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.pagination-btn.active{background-color:#dc2626;border-color:#dc2626}.pagination-ellipsis{font-size:.9rem;padding:6px 8px}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.rejected-export-sales-order-table-container{overflow-x:scroll}.rejected-export-sales-order-controls{align-items:stretch;flex-direction:column}.info-grid{grid-template-columns:1fr}.view-modal-content{max-height:95vh;max-width:95%}}.return-request-sales-order{margin:0 auto;max-width:1400px;padding:20px}.search-container{position:relative}.search-container i{color:#666;left:12px;position:absolute}.search-input{padding:10px 15px 10px 40px;width:300px}.success-message{border-radius:5px;gap:10px;padding:12px 20px}.entries-info{margin-bottom:15px}.status-badge{padding:5px 12px}.status-proceeded{background-color:#d4edda;color:#155724}.status-dispatched{background-color:#cfe2ff;color:#084298}.status-completed{background-color:#d1e7dd;color:#0f5132}.view-btn{border-radius:5px;transition:background-color .3s}.view-product-btn{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:8px;transition:all .2s}.view-product-btn:hover{background-color:#eff6ff;color:#2563eb}.view-product-btn i{font-size:16px}.modal-content{display:flex;flex-direction:column}.modal-header h2{color:#333}.close-btn{transition:all .3s}.close-btn:hover{background-color:#f8f9fa}.close-modal-btn{background-color:#6c757d;border-radius:5px;transition:background-color .3s}.close-modal-btn:hover{background-color:#5a6268}.batch-number-selector{margin-bottom:20px}.batch-number-selector label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.batch-number-select{background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-size:14px;max-width:400px;padding:10px 15px;transition:all .2s;width:100%}.batch-number-select:hover{border-color:#7c3aed}.batch-number-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.batch-record-section{margin-bottom:30px}.batch-record-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.batch-record-table-container{overflow-x:auto}.batch-record-table{background-color:#fff;border-collapse:collapse;width:100%}.batch-record-table thead{background-color:#f1f5f9}.batch-record-table th{border-bottom:2px solid #e2e8f0;color:#334155;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.batch-record-table td{border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;padding:12px 15px}.batch-record-table tbody tr:hover{background-color:#f8fafc}.batch-details-section{margin-top:30px}.batch-details-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.batch-details-table-container{margin-bottom:20px;overflow-x:auto}.batch-details-table{background-color:#fff;border-collapse:collapse;width:100%}.batch-details-table thead{background-color:#f1f5f9}.batch-details-table th{border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;text-align:left}.batch-details-table td,.batch-details-table th{font-size:13px;padding:12px 10px;white-space:nowrap}.batch-details-table td{border-bottom:1px solid #e2e8f0;color:#475569}.batch-details-table tbody tr:hover{background-color:#f8fafc}.receive-icon{color:#10b981;font-size:1.2rem}.no-batch-details{color:#94a3b8;font-style:italic;padding:40px 20px;text-align:center}.receive-form-container{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.receive-form{display:flex;flex-direction:column;gap:15px}.receive-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.receive-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.receive-form-group label{color:#334155;font-size:14px;font-weight:600}.receive-form-group input{border:2px solid #e2e8f0;border-radius:6px;color:#334155;font-size:14px;padding:10px 15px;transition:all .2s}.receive-form-group input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.receive-button-group{flex:0 0 auto;min-width:auto}.receive-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 30px;transition:all .2s;white-space:nowrap}.receive-btn:hover{background-color:#2563eb}.receive-btn:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width:768px){.list-header{align-items:flex-start;flex-direction:column}.search-input{width:100%}.table-container{overflow-x:auto}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:8px}.pagination{align-items:flex-start;flex-direction:column}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.receive-form-row{flex-direction:column}.receive-button-group{width:100%}.receive-btn{justify-content:center;width:100%}}.all-return-goods{margin:0 auto;max-width:1400px;padding:20px}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.list-header h1{color:#333;font-size:28px;margin:0}.header-actions{align-items:center;display:flex;gap:15px}.export-btn{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .3s}.export-btn:hover{background-color:#0056b3}.export-btn i{font-size:16px}.error-message{border-radius:5px;padding:12px 20px}.empty-state{color:#666}.empty-state i{color:#ccc;font-size:64px;margin-bottom:20px}.empty-state p{font-size:18px;margin:0}.table-controls{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.entries-info,.table-controls{align-items:center;display:flex}.entries-info{font-size:14px;gap:10px}.entries-select{border-radius:5px;padding:5px 10px}.search-container{gap:10px}.search-container label{color:#333;font-size:14px;font-weight:500}.search-input{border-radius:5px;transition:border-color .3s;width:250px}.table-container{margin-bottom:20px;padding:20px}.orders-table th{border-bottom:2px solid #dee2e6;font-size:14px;padding:12px}.orders-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px}.expand-cell{text-align:center;width:50px}.expand-btn{transition:all .2s}.expand-btn:hover{background-color:#e7f3ff}.products-table{background-color:#fff}.products-loading{gap:15px;padding:40px}.no-products{padding:20px}.pagination-btn{border-radius:5px}.loading-container{gap:20px}.loading-spinner{height:50px;width:50px}.copyright{font-size:14px;margin-top:40px;padding:20px 0;text-align:center}@media (max-width:768px){.list-header,.table-controls{align-items:flex-start;flex-direction:column}.search-input{width:100%}.table-container{overflow-x:auto}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:8px}.pagination{align-items:flex-start;flex-direction:column}}.add-supplier{background-color:#f8f9fa;min-height:100vh;padding:20px}.product-search-container{display:inline-block;position:relative;width:100%}.product-search-input{padding-right:35px;width:100%}.clear-search-btn{border-radius:50%;color:#666;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn:hover{background-color:#f0f0f0;color:#333}.product-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.product-dropdown::-webkit-scrollbar{width:6px}.product-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.product-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.product-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.product-dropdown>div{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px 12px;transition:background-color .2s}.product-dropdown>div:hover{background-color:#f5f5f5}.product-dropdown>div:last-child{border-bottom:none}.document-upload-section{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.document-upload-section:hover{background-color:#f8f9ff;border-color:#007bff}.file-upload-label{align-items:center;background:#007bff;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.file-upload-label:hover{background:#0056b3;transform:translateY(-1px)}.selected-files{margin-top:20px;text-align:left}.selected-files h4{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.file-item{background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.file-item,.file-name{align-items:center;display:flex}.file-name{color:#333;font-size:14px;gap:8px}.remove-file-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.remove-file-btn:hover{background:#c82333}.upload-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.upload-btn:disabled{background:#6c757d;cursor:not-allowed}.uploaded-documents{margin-top:20px;text-align:left}.uploaded-documents h4{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.document-item{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:4px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.document-item,.document-url{align-items:center;display:flex}.document-url{color:#155724;font-size:14px;gap:8px;word-break:break-all}.remove-document-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.remove-document-btn:hover{background:#c82333}.photo-upload-section{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.photo-upload-section:hover{background-color:#f8fff8;border-color:#28a745}.photo-upload-label{align-items:center;background:#28a745;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.photo-upload-label:hover{background:#218838;transform:translateY(-1px)}.photo-previews{margin-top:20px;text-align:left}.photo-previews h4{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.photo-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.photo-preview-item{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.photo-preview-container{height:120px;overflow:hidden;position:relative;width:100%}.photo-preview-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.photo-preview-container:hover .photo-preview-image{transform:scale(1.05)}.remove-photo-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s ease;width:24px}.remove-photo-btn:hover{background:#c82333;transform:scale(1.1)}.photo-info{padding:8px;text-align:center}.photo-name{color:#333;display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-size{color:#666;display:block;font-size:10px;margin-top:2px}.upload-photo-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.upload-photo-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.upload-photo-btn:disabled{background:#6c757d;cursor:not-allowed}.uploaded-photos{margin-top:20px;text-align:left}.uploaded-photos h4{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.uploaded-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.uploaded-photo-item{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.uploaded-photo-container{height:120px;overflow:hidden;position:relative;width:100%}.uploaded-photo-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.uploaded-photo-container:hover .uploaded-photo-image{transform:scale(1.05)}.photo-placeholder{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;flex-direction:column;font-size:24px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.photo-placeholder span{font-size:12px;margin-top:5px}.remove-uploaded-photo-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s ease;width:24px}.remove-uploaded-photo-btn:hover{background:#c82333;transform:scale(1.1)}.uploaded-photo-info{padding:8px;text-align:center}.uploaded-photo-url{color:#155724;display:block;font-size:10px;line-height:1.2;word-break:break-all}.back-btn{display:inline-flex;padding:10px 20px}.supplier-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-section h3{border-bottom:2px solid #667eea;display:inline-block}.form-select[multiple] option{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:2px 0;padding:8px 12px}.form-select[multiple] option:checked{background-color:#667eea;border-color:#5a67d8;color:#fff}.form-help{display:block;font-size:14px;font-style:italic;margin-top:8px}.array-input-group{gap:8px;margin-bottom:8px}.array-input-group .form-input{margin-bottom:0}.remove-btn{height:32px;width:32px}.add-btn,.remove-btn{font-size:12px;transition:background-color .3s ease}.add-btn{display:inline-flex;gap:6px;padding:8px 16px}.products-selection{background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;max-height:200px;overflow-y:auto;padding:16px}.product-checkbox{align-items:center;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;gap:8px;padding:8px 0}.product-checkbox:last-child{border-bottom:none}.product-checkbox input[type=checkbox]{cursor:pointer;margin:0}.product-name{font-weight:500}.product-type{color:#7f8c8d;font-size:12px;font-style:italic}.form-actions{gap:16px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-outline{border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;transform:translateY(-1px)}@media (max-width:768px){.add-supplier{padding:10px}.form-header{flex-direction:column;gap:16px;text-align:center}.supplier-form{padding:20px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.array-input-group{align-items:stretch;flex-direction:column}.remove-btn{align-self:flex-end;padding:8px 12px;width:auto}}@media (max-width:480px){.form-header h2{font-size:24px}.form-section h3{font-size:18px}.supplier-form{padding:15px}}.update-buyer-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:80vh;max-width:70vw;min-width:60vw;overflow:hidden;position:relative;width:100%}.update-buyer-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:30px 40px}.update-buyer-modal .modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.update-buyer-modal .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.update-buyer-modal .modal-close:hover{background:#e9ecef;color:#495057}.update-buyer-modal .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:40px}.update-buyer-modal .form-section{margin-bottom:30px}.update-buyer-modal .form-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.update-buyer-modal .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.update-buyer-modal .form-group{display:flex;flex-direction:column;gap:8px}.update-buyer-modal .form-label{color:#2c3e50;font-size:14px;font-weight:600}.update-buyer-modal .form-label.required:after{color:#dc3545;content:" *"}.update-buyer-modal .form-input,.update-buyer-modal .form-select,.update-buyer-modal .form-textarea{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-sizing:border-box;color:#2c3e50;font-size:15px;padding:14px 18px;transition:all .2s;width:100%}.update-buyer-modal .form-input:focus,.update-buyer-modal .form-select:focus,.update-buyer-modal .form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.update-buyer-modal .form-select[multiple]{min-height:150px;padding:10px}.update-buyer-modal .form-help{color:#6c757d;font-size:12px;margin-top:4px}.update-buyer-modal .array-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.update-buyer-modal .array-input-group .form-input{flex:1 1}.update-buyer-modal .remove-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s}.update-buyer-modal .remove-btn:hover{background:#c82333}.update-buyer-modal .add-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:10px;padding:10px 16px;transition:all .2s}.update-buyer-modal .add-btn:hover{background:#218838}.update-buyer-modal .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:12px;margin-bottom:20px;padding:16px}.update-buyer-modal .error-message i{font-size:16px}.update-buyer-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;bottom:0;display:flex!important;flex-shrink:0;gap:12px;justify-content:flex-end;min-height:80px;padding:20px 40px;position:-webkit-sticky;position:sticky;z-index:10}.update-buyer-modal .btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex!important;font-size:14px;font-weight:600;gap:8px;height:auto;justify-content:center;min-width:120px;opacity:1!important;padding:12px 24px;transition:all .2s;visibility:visible!important}.update-buyer-modal .btn:disabled{cursor:not-allowed;opacity:.6}.update-buyer-modal .btn-secondary{background:#6c757d;border:2px solid #6c757d;color:#fff}.update-buyer-modal .btn-secondary:hover:not(:disabled){background:#5a6268}.update-buyer-modal .btn-primary{background:#007bff;border:2px solid #007bff;color:#fff}.update-buyer-modal .btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}@media (max-width:1400px){.update-buyer-modal{max-width:75vw;min-width:65vw}}@media (max-width:1200px){.update-buyer-modal{max-width:80vw;min-width:70vw}.update-buyer-modal .form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.update-buyer-modal{margin:10px;max-width:95vw;min-width:90vw}.update-buyer-modal .modal-header{padding:20px 30px}.update-buyer-modal .modal-header h3{font-size:18px}.update-buyer-modal .modal-body{padding:30px}.update-buyer-modal .form-grid{gap:15px;grid-template-columns:1fr}.update-buyer-modal .array-input-group{align-items:stretch;flex-direction:column}.update-buyer-modal .remove-btn{justify-content:center;width:100%}.update-buyer-modal .modal-footer{flex-direction:column;padding:16px 30px}.update-buyer-modal .btn{width:100%}}@media (max-width:480px){.update-buyer-modal .modal-header{padding:15px 20px}.update-buyer-modal .modal-body{padding:20px}.update-buyer-modal .form-section h4{font-size:16px}.update-buyer-modal .form-input,.update-buyer-modal .form-select,.update-buyer-modal .form-textarea{font-size:14px;padding:12px 14px}}.booking-details-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:100%;max-height:80vh;max-width:70vw;min-width:60vw;overflow:hidden;position:relative;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 40px}.modal-header h3{font-size:24px;font-weight:700}.modal-close{height:36px;padding:8px;width:36px}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:40px}.field-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.field-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:18px;transition:all .3s ease}.field-box:hover{background:#e9ecef;border-color:#667eea}.field-box.full-width{grid-column:1/-1}.field-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.field-value{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;word-break:break-word}.buyer-id{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.buyer-id .field-label{color:#fffc}.buyer-id .field-value{color:#fff;font-size:16px;font-weight:700}.company-under{text-align:center}.company-under .field-value{background:#d4edda;border-radius:20px;color:#155724;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.info-section{margin-bottom:32px}.section-title{border-bottom:2px solid #667eea;color:#2c3e50;display:inline-block;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.products-list{display:flex;flex-direction:column;gap:8px}.product-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.product-name{color:#2c3e50;font-weight:600}.product-type{color:#667eea;font-weight:500}.product-spec{color:#7f8c8d;font-style:italic}.modal-footer{bottom:0;flex-shrink:0;min-height:80px;padding:20px 40px;position:-webkit-sticky;position:sticky;z-index:10}.close-btn{background:#6c757d;border-radius:6px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px}.close-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:1400px){.booking-details-modal{max-width:75vw;min-width:65vw}}@media (max-width:1200px){.booking-details-modal{max-width:80vw;min-width:70vw}.field-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.booking-details-modal{margin:10px;max-width:95vw;min-width:90vw}.modal-header{padding:20px 30px}.modal-header h3{font-size:18px}.modal-body{padding:30px}.field-grid,.field-row{gap:12px;grid-template-columns:1fr}.field-box{padding:12px}.modal-footer{padding:16px 30px}.close-btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-header{padding:15px 20px}.modal-body{padding:20px}.field-box{padding:10px}.field-label{font-size:11px}.field-value{font-size:13px}.section-title{font-size:14px}}.buyers-page{background:#f8f9fa;min-height:100vh;padding:20px}.header-content h1{color:#2c3e50;font-weight:700;margin:0 0 5px}.header-content p{color:#6c757d;font-size:16px}.add-btn{background:#667eea;padding:12px 20px}.add-btn:hover{background:#5a6fd8;box-shadow:0 4px 8px #667eea4d}.summary-cards{margin-bottom:30px}.summary-card{border-radius:8px;gap:15px;padding:20px;transition:transform .2s}.summary-card:hover{box-shadow:0 4px 12px #00000026}.card-icon{border-radius:8px;font-size:20px;height:50px;width:50px}.card-icon.purple{background:#667eea}.card-icon.pink{background:#e91e63}.card-icon.blue{background:#2196f3}.card-icon.green{background:#4caf50}.card-number{color:#2c3e50;font-size:24px}.card-label{color:#6c757d}.search-section{margin-bottom:20px}.search-icon{color:#6c757d;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e9ecef;padding:12px 12px 12px 40px}.search-input::placeholder{color:#6c757d}.buyers-table{border-collapse:collapse;font-size:14px;width:100%}.buyers-table thead{background:#f8f9fa}.buyers-table th{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.buyers-table td{border-bottom:1px solid #f1f3f4;padding:15px 12px;vertical-align:top}.buyers-table tbody tr:nth-child(2n){background:#fafbfc}.buyers-table tbody tr:hover{background:#f8f9fa}.sno{color:#6c757d;font-weight:600;text-align:center;width:60px}.company{min-width:200px}.company-name{font-weight:600;margin-bottom:4px}.gstin{color:#6c757d;font-size:12px}.contact{min-width:180px}.contact-name{color:#2c3e50;font-weight:500;margin-bottom:4px}.contact-email{color:#6c757d;font-size:12px}.location{color:#2c3e50;min-width:200px}.status{min-width:100px}.status-badge{border-radius:20px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.created{color:#6c757d;font-size:13px;min-width:120px}.actions{width:120px}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover{background:#bbdefb}.edit-btn{background:#fff3e0;color:#f57c00}.edit-btn:hover{background:#ffe0b2}.delete-btn{background:#ffebee}.delete-btn:hover:not(:disabled){background:#ffcdd2}.empty-state{padding:60px 20px}.empty-content{color:#6c757d}.empty-content i{color:#dee2e6;font-size:64px;margin-bottom:20px}.empty-content h3{color:#495057;font-size:24px;font-weight:600;margin-bottom:10px}.empty-content p{font-size:16px;line-height:1.5;margin-bottom:30px}.loading-container{min-height:400px}.loading-container i{font-size:32px;margin-bottom:15px}.loading-container p{margin:0}.pagination-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:20px}.page-info{color:#6c757d;font-size:14px;font-weight:500}.pagination-btn{border:1px solid #e9ecef;color:#2c3e50}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn.active{background:#667eea;border-color:#667eea}.pagination-btn.active:hover{background:#5a6fd8}@media (max-width:768px){.buyers-page{padding:10px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.header-content{text-align:center}.header-content h1{font-size:24px}.summary-cards{gap:15px;grid-template-columns:1fr}.search-box{max-width:none}.table-container{overflow-x:auto}.buyers-table{min-width:800px}.buyers-table td,.buyers-table th{padding:10px 8px}.action-buttons{flex-direction:column;gap:4px}.action-btn{font-size:10px;height:28px;width:28px}.pagination-container{flex-direction:column;gap:16px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.header-content h1{font-size:20px}.summary-card{padding:15px}.card-icon{font-size:16px;height:40px;width:40px}.card-number{font-size:20px}.buyers-table td,.buyers-table th{font-size:12px;padding:8px 6px}.company-name,.contact-name{font-size:13px}.contact-email,.gstin{font-size:11px}}.add-buyer{background:#f8f9fa;margin:0;min-height:100vh;padding:20px;width:100%}.form-header{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.form-header h2{font-weight:700;margin:0}.back-btn{align-items:center;background:#6c757d;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.back-btn:hover{background:#5a6268}.success-message{align-items:center;border-radius:6px;display:flex;gap:12px;padding:16px}.success-message i{font-size:16px}.buyer-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.phase-indicator{background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;margin-bottom:30px;padding:20px}.phase-step{align-items:center;display:flex;flex-direction:column;margin:0 20px;position:relative}.phase-step:not(:last-child):after{background:#e9ecef;content:"";height:2px;left:100%;position:absolute;top:20px;width:40px;z-index:1}.phase-step.active:not(:last-child):after{background:#667eea}.phase-number{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.phase-step.active .phase-number{background:#667eea;color:#fff}.phase-label{color:#6c757d;font-size:14px;font-weight:500;text-align:center}.phase-step.active .phase-label{color:#667eea;font-weight:600}.form-section h3{border-bottom:2px solid #e9ecef}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.form-label{font-weight:600}.form-label.required:after{color:#dc3545;content:" *"}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-select[multiple]{min-height:120px;padding:8px}.form-help{color:#6c757d;font-size:12px;margin-top:4px}.array-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.array-input-group .form-input{flex:1 1}.remove-btn{border-radius:4px;height:40px;min-width:40px;padding:8px 12px;transition:all .2s}.add-btn{align-items:center;background:#28a745;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:10px;padding:10px 16px;transition:all .2s}.add-btn:hover{background:#218838}.form-actions{border-top:1px solid #e9ecef}.btn{font-weight:600}.btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 8px #007bff4d}.btn-outline{background:#0000;border:2px solid #007bff;color:#007bff}.btn-outline:hover:not(:disabled){background:#007bff;color:#fff}@media (max-width:768px){.add-buyer{padding:10px}.form-header{align-items:stretch;flex-direction:column;gap:15px}.form-header h2{font-size:24px;text-align:center}.back-btn{align-self:center}.buyer-form{padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.phase-indicator{flex-direction:column;gap:20px}.phase-step{margin:0}.phase-step:not(:last-child):after{display:none}.form-actions{flex-direction:column}.btn{width:100%}.array-input-group{align-items:stretch;flex-direction:column}.remove-btn{justify-content:center;width:100%}}@media (max-width:480px){.form-header h2{font-size:20px}.buyer-form{padding:15px}.form-section h3{font-size:18px}.back-btn{justify-content:center;width:100%}}.update-warehouse-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-section h3{font-size:18px}.form-group{margin-bottom:20px}.form-input,.form-textarea{border-radius:6px;padding:10px 12px}.form-textarea{min-height:70px}@media (max-width:768px){.modal-overlay{padding:10px}.update-warehouse-modal{max-height:95vh;max-width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.warehouse-form{padding:20px}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.modal-header h2{font-size:18px}.form-section h3{font-size:16px}}.view-warehouse-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header h2{color:#2c3e50}.warehouse-details{padding:30px}.detail-section{margin-bottom:30px}.detail-section:last-child{margin-bottom:0}.detail-section h3{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.detail-grid{grid-gap:20px;gap:20px}.detail-label{color:#7f8c8d;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-value{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#2c3e50;display:flex;font-size:14px;font-weight:500;gap:10px;min-height:45px;padding:12px 15px}.detail-value i{color:#3498db;font-size:16px;text-align:center;width:20px}.address-text{line-height:1.5}.btn-secondary:hover{background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d;transform:translateY(-1px)}@media (max-width:768px){.modal-overlay{padding:10px}.view-warehouse-modal{max-height:95vh;max-width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.warehouse-details{padding:20px}.detail-grid{gap:15px;grid-template-columns:1fr}.modal-actions{padding:15px 20px}}@media (max-width:480px){.modal-header h2{font-size:18px}.detail-section h3{font-size:16px}.detail-value{font-size:13px;padding:10px 12px}}.delete-warehouse-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%}.modal-header{background:#f8f9fa;border-bottom:1px solid #e1e8ed;border-radius:10px 10px 0 0;padding:20px 30px}.modal-header h2{color:#e74c3c;font-size:24px;font-weight:600;margin:0}.close-btn{color:#7f8c8d;font-size:18px;height:35px;padding:8px;transition:all .3s ease;width:35px}.close-btn:hover{background:#e74c3c;color:#fff}.delete-content{padding:30px;text-align:center}.warning-icon{animation:pulse 2s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:32px;height:80px;margin:0 auto 20px;width:80px}.delete-content h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.warehouse-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.info-item{align-items:center;border-bottom:1px solid #e1e8ed;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#7f8c8d;font-size:14px;font-weight:500}.info-item span{color:#2c3e50;font-size:14px;font-weight:600}.warning-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:20px}.warning-message p{color:#721c24;font-size:14px;line-height:1.5}.warning-message strong{font-weight:600}.modal-actions{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e1e8ed;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn{border-radius:6px;min-width:100px}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d}.error-message{border-radius:6px;margin:0 30px 20px;padding:12px 15px}@media (max-width:768px){.modal-overlay{padding:10px}.delete-warehouse-modal{max-width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.delete-content{padding:20px}.warning-icon{font-size:24px;height:60px;width:60px}.delete-content h3{font-size:18px}.modal-actions{flex-direction:column;padding:15px 20px}.btn{width:100%}}@media (max-width:480px){.modal-header h2{font-size:18px}.delete-content h3{font-size:16px}.info-item{align-items:flex-start;flex-direction:column;gap:5px}}.warehouse-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.warehouse-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.warehouse-title h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 5px}.warehouse-title p{color:#7f8c8d;font-size:14px;margin:0}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;padding:25px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin-right:20px;width:60px}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content h3{color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 5px}.stat-content p{color:#7f8c8d;font-size:14px;font-weight:500;margin:0}.warehouse-filters{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.search-container{align-items:center;display:flex;gap:15px}.search-input-group{display:flex;flex:1 1;position:relative}.search-input{border:2px solid #e1e8ed;border-radius:25px;padding:12px 50px 12px 15px;transition:border-color .3s ease}.search-input:focus{border-color:#3498db}.search-btn{align-items:center;background:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:35px}.search-btn:hover{background:#2980b9}.clear-search-btn{background:#e74c3c;border-radius:20px;font-size:12px;transition:background-color .3s ease}.clear-search-btn:hover{background:#c0392b}.warehouse-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.warehouse-table{border-collapse:collapse;font-size:14px;width:100%}.warehouse-table th{background:#f8f9fa;border-bottom:2px solid #e1e8ed;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.warehouse-table td{border-bottom:1px solid #e1e8ed;padding:15px 12px;vertical-align:top}.warehouse-table tbody tr:hover{background-color:#f8f9fa}.warehouse-name strong{color:#2c3e50;font-size:15px}.location-badge{align-items:center;background:#e8f5e8;border-radius:12px;color:#27ae60;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.address-text{word-wrap:break-word;color:#7f8c8d;line-height:1.4;max-width:200px}.sub-warehouse-name{color:#3498db;font-weight:500}.sub-location{color:#7f8c8d;font-size:13px}.no-data-text{color:#bdc3c7;font-style:italic}.created-by{color:#7f8c8d;font-size:13px}.created-date{color:#7f8c8d;font-size:12px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-view{background:#3498db}.btn-view:hover{background:#2980b9;transform:scale(1.1)}.btn-edit{background:#f39c12;color:#fff}.btn-edit:hover{background:#e67e22;transform:scale(1.1)}.btn-delete{background:#e74c3c}.btn-delete:hover{background:#c0392b;transform:scale(1.1)}.no-data{color:#7f8c8d}.no-data i{color:#bdc3c7}.no-data h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.no-data p{font-size:14px;margin:0 0 20px}.loading-container{color:#7f8c8d}.loading-spinner{border-top-color:#3498db}@media (max-width:768px){.warehouse-container{padding:10px}.warehouse-header{flex-direction:column;gap:15px;text-align:center}.stats-container{grid-template-columns:1fr}.search-container{align-items:stretch;flex-direction:column}.warehouse-table{font-size:12px}.warehouse-table td,.warehouse-table th{padding:10px 8px}.action-buttons{flex-direction:column;gap:3px}.btn-action{font-size:10px;height:28px;width:28px}}.add-warehouse{background-color:#f8f9fa;min-height:100vh;padding:20px}.form-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.form-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 10px}.form-header p{color:#7f8c8d;font-size:16px;margin:0}.warehouse-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:30px}.form-section h3{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:20px}.form-group{margin-bottom:25px}.form-label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.required{color:#e74c3c;margin-left:3px}.form-input{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-textarea{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px 15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-actions{border-top:1px solid #e1e8ed;gap:15px;padding-top:30px}.btn{border-radius:8px;display:flex;gap:8px;justify-content:center;min-width:120px;padding:12px 24px}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.btn-secondary{background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d}.error-message{gap:10px;padding:15px}.error-message i{font-size:16px}.btn i.fa-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.add-warehouse{padding:10px}.form-header{padding:20px}.form-header h2{font-size:24px}.warehouse-form{padding:20px}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.form-header h2{font-size:20px}.form-header p{font-size:14px}.form-section h3{font-size:18px}}.update-consignment-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.update-product-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.update-product-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.update-product-modal .modal-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.update-product-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.update-product-modal .modal-close:hover{background:#e9ecef;color:#495057}.update-product-modal .modal-body{flex:1 1;overflow-y:auto;padding:30px}.update-product-modal .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.update-product-modal .error-message i{font-size:16px}.update-product-modal .update-form{display:flex;flex-direction:column;gap:30px}.update-product-modal .form-section{display:flex;flex-direction:column;gap:20px}.update-product-modal .section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0;padding-bottom:10px}.update-product-modal .field-row{display:flex;gap:20px}.update-product-modal .field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.update-product-modal .field-box{display:flex;flex-direction:column;gap:8px}.update-product-modal .field-box.full-width{grid-column:1/-1}.update-product-modal .field-box.readonly{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.update-product-modal .field-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.update-product-modal .field-value{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;margin:0;word-break:break-word}.update-product-modal .field-input{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-sizing:border-box;color:#2c3e50;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.update-product-modal .field-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.update-product-modal .field-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.update-product-modal .field-input[multiple]{min-height:100px}.update-product-modal .field-help{color:#6c757d;font-size:11px;font-style:italic;margin-top:4px}.update-product-modal .form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.update-product-modal .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.update-product-modal .btn:disabled{cursor:not-allowed;opacity:.6}.update-product-modal .btn-secondary{background:#6c757d;color:#fff}.update-product-modal .btn-secondary:hover:not(:disabled){background:#5a6268}.update-product-modal .btn-primary{background:#007bff;color:#fff}.update-product-modal .btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.update-product-modal .btn-primary:active{transform:translateY(0)}@media (max-width:768px){.update-product-modal .modal-body,.update-product-modal .modal-header{padding:20px}.update-product-modal .field-grid{grid-template-columns:1fr}.update-product-modal .field-row{flex-direction:column;gap:15px}.update-product-modal .form-actions{flex-direction:column}.update-product-modal .btn{width:100%}}@media (max-width:480px){.update-product-modal .modal-header h2{font-size:20px}.update-product-modal .section-title{font-size:16px}.update-product-modal .field-input{font-size:13px;padding:10px 12px}}.view-consignment-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.view-consignment-modal-content{border-radius:12px;box-shadow:0 12px 24px #0003;box-shadow:var(--box-shadow-lg,0 12px 24px #0003);max-height:90vh;max-width:900px;overflow:hidden;width:90%}.consignment-details-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.consignment-details-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 30px}.consignment-details-modal .modal-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.consignment-details-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.consignment-details-modal .modal-close:hover{background:#e9ecef;color:#495057}.consignment-details-modal .modal-body{flex:1 1;overflow-y:auto;padding:30px}.consignment-details-modal .info-section{margin-bottom:30px}.consignment-details-modal .info-section:last-child{margin-bottom:0}.consignment-details-modal .section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.consignment-details-modal .field-row{display:flex;gap:20px;margin-bottom:20px}.consignment-details-modal .field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.consignment-details-modal .field-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.consignment-details-modal .field-box:hover{border-color:#dee2e6;box-shadow:0 2px 4px #0000000d}.consignment-details-modal .field-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.consignment-details-modal .field-value{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.4;margin:0;word-break:break-word}.consignment-details-modal .field-value.price-value{color:#28a745;font-size:16px;font-weight:600}.consignment-details-modal .type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.consignment-details-modal .type-extract{background:#d4edda;color:#155724}.consignment-details-modal .type-powder{background:#fff3cd;color:#856404}.consignment-details-modal .type-oil{background:#cce5ff;color:#004085}.consignment-details-modal .type-liquid{background:#d1ecf1;color:#0c5460}.consignment-details-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:24px 30px}.consignment-details-modal .close-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:120px;padding:12px 40px;text-transform:uppercase;transition:all .2s}.consignment-details-modal .close-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.consignment-details-modal .close-btn:active{transform:translateY(0)}@media (max-width:768px){.consignment-details-modal .modal-body,.consignment-details-modal .modal-footer,.consignment-details-modal .modal-header{padding:20px}.consignment-details-modal .field-grid{grid-template-columns:1fr}.consignment-details-modal .field-row{flex-direction:column;gap:15px}.consignment-details-modal .field-box{padding:12px}}@media (max-width:480px){.consignment-details-modal .modal-header h2{font-size:20px}.consignment-details-modal .section-title{font-size:16px}.consignment-details-modal .field-value{font-size:13px}}.delete-consignment-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-consignment-modal-content{box-shadow:0 12px 24px #00000040;max-width:520px}.delete-consignment-modal-content,.delete-supplier-modal{background:#fff;border-radius:8px;overflow:hidden;width:100%}.delete-supplier-modal{box-shadow:0 10px 30px #0000004d;max-width:500px}.modal-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600}.modal-close{color:#fff;font-size:16px;padding:6px;transition:background-color .3s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:24px;text-align:center}.error-message{font-size:13px;gap:8px;margin-bottom:16px;text-align:left}.error-message i{flex-shrink:0;font-size:14px}.warning-icon{align-items:center;background:#fff3cd;border-radius:50%;color:#856404;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.modal-body h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px}.supplier-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:16px;text-align:left}.supplier-info p{color:#2c3e50;font-size:14px;margin:0 0 8px}.supplier-info p:last-child{margin-bottom:0}.supplier-info strong{color:#495057;font-weight:600}.warning-text{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.modal-footer{background:#f8f9fa;gap:12px;padding:16px 24px}.btn{font-size:13px;font-weight:500;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-danger{box-shadow:0 2px 4px #dc35454d}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px #dc354566;transform:translateY(-1px)}.fa-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.delete-supplier-modal{margin:10px;max-width:95vw}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.modal-body{padding:20px}.modal-body h4{font-size:16px}.supplier-info{padding:12px}.supplier-info p,.warning-text{font-size:13px}.modal-footer{flex-direction:column;padding:12px 20px}.btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-header{padding:12px 16px}.modal-body{padding:16px}.warning-icon{font-size:20px;height:50px;width:50px}.modal-body h4{font-size:15px}.supplier-info{padding:10px}.supplier-info p,.warning-text{font-size:12px}.modal-footer{padding:10px 16px}.btn{font-size:12px;padding:8px 16px}}.consignment-container{background-color:var(--dashboard-bg);min-height:calc(100vh - 60px);padding:20px}.consignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.consignment-title h2{color:var(--text-color-dark);font-size:1.8rem;margin:0 0 5px}.consignment-title p{color:var(--text-color-light);margin:0}.btn-add-consignment{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-add-consignment:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-consignment:hover:before{left:100%}.btn-add-consignment:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #2563eb4d;transform:translateY(-2px)}.btn-add-consignment:active{box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33;transform:translateY(0)}.btn-add-consignment i{font-size:1rem;transition:transform .3s ease}.btn-add-consignment:hover i{transform:rotate(90deg)}.consignment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background-color:var(--card-bg);box-shadow:var(--box-shadow);transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:var(--text-color-dark);font-size:1.2rem;margin-bottom:10px}.stat-card p{color:var(--primary-color);font-size:2.5rem}.consignment-search{margin-bottom:20px}.consignment-search .form-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color-dark);font-size:1rem;padding:10px 15px;width:100%}.consignment-search .form-input::placeholder{color:var(--text-color-light)}.consignment-list{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--box-shadow);padding:20px}.no-consignments{color:var(--text-color-light);font-size:1.1rem;padding:40px 0;text-align:center}.no-consignments .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.1rem;padding:0;text-decoration:underline}.table-responsive{overflow-x:auto}.consignment-table{border-collapse:collapse;margin-top:15px;width:100%}.consignment-table td,.consignment-table th{border-bottom:1px solid var(--border-color);color:var(--text-color-dark);padding:12px 15px;text-align:left}.consignment-table th{background-color:var(--table-header-bg);color:var(--primary-color);font-size:.9rem;font-weight:600;text-transform:uppercase}.consignment-table tbody tr:hover{background-color:var(--table-hover-bg)}.consignment-table .sno-cell{color:var(--primary-color);font-weight:600;text-align:center}.consignment-table .consignment-number-cell{color:var(--text-color-dark);font-weight:600}.action-buttons .icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-color-light);display:inline-flex;justify-content:center;padding:6px}.action-buttons .icon-btn:hover{background:var(--table-hover-bg);color:var(--text-color-dark)}.action-buttons .icon-btn.danger{background:var(--danger-color);color:#fff}.action-buttons .icon-btn.danger:hover{background:var(--danger-dark-color)}.consignment-table .btn-sm{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;padding:6px 10px;transition:background-color .3s ease}.consignment-table .btn-info{background-color:var(--info-color);color:#fff}.consignment-table .btn-info:hover{background-color:var(--info-dark-color)}.consignment-table .btn-warning{background-color:var(--warning-color);color:#fff}.consignment-table .btn-warning:hover{background-color:var(--warning-dark-color)}.consignment-table .btn-success{background-color:var(--success-color);color:#fff}.consignment-table .btn-success:hover{background-color:var(--success-dark-color)}.consignment-table .btn-primary{background-color:var(--primary-color);color:#fff}.consignment-table .btn-primary:hover{background-color:var(--primary-dark-color)}.consignment-table .btn-danger{background-color:var(--danger-color);color:#fff}.consignment-table .btn-danger:hover{background-color:var(--danger-dark-color)}.status-under-consignment{background-color:#e3f2fd;color:#1976d2}.status-forwarded-qc{background-color:#fff3e0;color:#f57c00}.status-forwarded-logistic{background-color:#e8f5e8;color:#388e3c}.status-completed{background-color:#f3e5f5;color:#7b1fa2}.status-cancelled{background-color:#ffebee;color:#d32f2f}.status-default{background-color:#f5f5f5;color:#757575}.dispatch-badge{border-radius:12px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.dispatch-air{background-color:#e3f2fd;color:#1976d2}.dispatch-sea{background-color:#e8f5e8;color:#388e3c}.dispatch-default{background-color:#f5f5f5;color:#757575}.no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-data i{color:var(--text-color-light);font-size:4rem;margin-bottom:20px}.no-data h3{color:var(--text-color-dark);font-size:1.5rem;margin-bottom:10px}.no-data p{color:var(--text-color-light);font-size:1.1rem}.alert{border-radius:5px;font-size:1rem;margin-bottom:20px;padding:15px 20px}.alert-danger{background-color:var(--danger-light-color);border:1px solid var(--danger-color);color:var(--danger-dark-color)}@media (max-width:768px){.consignment-header{align-items:flex-start;flex-direction:column}.consignment-title{margin-bottom:15px}.consignment-stats{grid-template-columns:1fr}.consignment-table td,.consignment-table th{font-size:.85rem;padding:8px 10px}.consignment-table .btn-sm{font-size:.75rem;padding:4px 8px}.action-buttons{flex-direction:column;gap:3px}}.add-consignment{align-items:center;background-color:var(--dashboard-bg);display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding:20px}.add-consignment .form-header{margin-bottom:20px;text-align:center;width:100%}.add-consignment .form-header h2{color:var(--text-color-dark);font-size:2rem;margin:0 0 10px}.add-consignment .form-header p{color:var(--text-color-light);font-size:1.1rem;margin:0}.add-consignment-form{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--box-shadow);padding:30px;width:100%}.add-consignment-form .form-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.add-consignment-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.add-consignment-form .form-section h3{border-left:4px solid var(--primary-color);color:var(--primary-color);font-size:1.5rem;margin-bottom:20px;padding-left:10px}.add-consignment-form .form-group{margin-bottom:20px}.add-consignment-form .form-label{color:var(--text-color-dark);display:block;font-size:1rem;font-weight:500;margin-bottom:8px}.add-consignment-form .form-label .required{color:var(--danger-color);margin-left:4px}.add-consignment-form .form-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color-dark);font-size:1rem;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.add-consignment-form .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.add-consignment-form .form-input::placeholder{color:var(--text-color-light)}.add-consignment-form .error-message{align-items:center;background-color:var(--danger-light-color);border:1px solid var(--danger-color);border-radius:5px;color:var(--danger-dark-color);display:flex;font-size:1rem;gap:10px;margin-bottom:20px;padding:15px 20px}.add-consignment-form .error-message i{font-size:1.2rem}.add-consignment-form .form-actions{border-top:1px solid var(--border-color);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-consignment-form .btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 25px;transition:all .3s ease}.add-consignment-form .btn-outline{background-color:initial;border:1px solid var(--border-color);color:var(--text-color-dark)}.add-consignment-form .btn-outline:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.add-consignment-form .btn-primary{background-color:var(--primary-color);color:#fff}.add-consignment-form .btn-primary:hover:not(:disabled){background-color:var(--primary-dark-color)}.add-consignment-form .btn:disabled{cursor:not-allowed;opacity:.6}.loading-container{text-align:center}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);margin-bottom:20px}@media (max-width:768px){.add-consignment-form{padding:20px}.add-consignment-form .form-section h3{font-size:1.3rem}.add-consignment-form .form-actions{flex-direction:column;gap:10px}.add-consignment-form .btn{justify-content:center;width:100%}}.add-planning-consignment{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.header-section{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.company-name{color:#2c3e50;font-size:24px;margin:0}.dispatch-info{color:#6c757d;font-size:16px;font-weight:500;margin:0}.planning-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.form-group label{color:#495057}.form-input,.form-select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-input[readonly]{background-color:#e9ecef;cursor:not-allowed}.remark-group{grid-column:span 2}.remark-input-container{align-items:center;display:flex;position:relative}.remark-input{flex:1 1;padding-right:60px}.remark-icons{display:flex;gap:8px;position:absolute;right:10px}.remark-icon{align-items:center;background:#28a745;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remark-icon:hover{background:#218838}.save-product-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .2s}.save-product-btn:hover:not(:disabled){background:#0056b3}.save-product-btn:disabled{background:#6c757d;cursor:not-allowed}.success-message{background:#d4edda;margin-top:15px;padding:10px 15px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.remark-group{grid-column:span 1}.header-section{align-items:flex-start;flex-direction:column;gap:10px}.company-name{font-size:20px}.dispatch-info{font-size:14px}}@media (max-width:480px){.add-planning-consignment{padding:15px}.planning-form{padding:20px 15px}.form-row{gap:15px}.save-product-btn{padding:15px;width:100%}}.consignment-products-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;overflow:hidden}.consignment-products-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px 20px}.consignment-products-header h3{color:#495057;font-size:18px;font-weight:600;margin:0}.action-cell{min-width:100px;text-align:center;white-space:nowrap}.delete-btn,.edit-btn{align-items:center;background:none;display:flex;font-size:18px;justify-content:center;min-height:32px;min-width:32px;padding:4px 8px}.edit-btn{background-color:#e3f2fd;color:#1976d2}.edit-btn:hover:not(:disabled){background-color:#bbdefb;transform:scale(1.1)}.edit-btn:disabled{opacity:.5}.delete-btn{background-color:#ffebee;color:#d32f2f}.delete-btn:hover:not(:disabled){background-color:#ffcdd2;transform:scale(1.1)}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.edit-actions{align-items:center;display:flex;gap:8px;justify-content:center}.cancel-edit-btn,.save-edit-btn{background:none;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;min-height:32px;min-width:40px;padding:6px 12px;transition:all .2s ease}.save-edit-btn{background-color:#28a745;border-color:#28a745;color:#fff}.save-edit-btn:hover:not(:disabled){background-color:#218838;border-color:#1e7e34;transform:scale(1.05)}.save-edit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-edit-btn{background-color:#dc3545;border-color:#dc3545}.cancel-edit-btn:hover:not(:disabled){background-color:#c82333;border-color:#bd2130;transform:scale(1.05)}.cancel-edit-btn:disabled{cursor:not-allowed;opacity:.6}.edit-qty-input{border:2px solid #007bff;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:500;padding:4px 8px;text-align:right;width:80px}.edit-qty-input:focus{border-color:#0056b3;box-shadow:0 0 0 .2rem #007bff40;outline:none}@media (max-width:768px){.products-table-container{font-size:11px}.products-table td,.products-table th{padding:6px 4px}.product-name-cell{max-width:120px}.remark-cell{max-width:100px}.status-badge{font-size:10px;padding:2px 6px}.consignment-products-header h3{font-size:16px}}@media (max-width:480px){.consignment-products-header{padding:10px 15px}.consignment-products-header h3{font-size:14px}.products-table td,.products-table th{padding:4px 2px}.product-name-cell{max-width:80px}.quantity-cell{font-size:10px}.action-buttons,.edit-actions{gap:4px}.cancel-edit-btn,.delete-btn,.edit-btn,.save-edit-btn{font-size:14px;min-height:28px;min-width:28px;padding:2px 4px}.edit-qty-input{font-size:11px;padding:2px 4px;width:60px}}.consignment-status-actions{background:#f8f9fa;border-top:1px solid #dee2e6;gap:15px;padding:20px}.consignment-status-actions,.status-action-btn{align-items:center;display:flex;justify-content:center}.status-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;gap:8px;min-width:200px;padding:12px 30px;transition:all .3s ease}.forward-to-qc-btn{background-color:#007bff;color:#fff}.forward-to-qc-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.forward-to-qc-btn.forwarded{background-color:#28a745;color:#fff}.forward-to-qc-btn.forwarded:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.forward-to-logistic-btn{background-color:#007bff;color:#fff}.forward-to-logistic-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.forward-to-logistic-btn.forwarded{background-color:#28a745;color:#fff}.forward-to-logistic-btn.forwarded:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.status-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-action-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.consignment-status-actions{flex-direction:column;gap:10px}.status-action-btn{font-size:14px;min-width:auto;padding:14px 20px;width:100%}}@media (max-width:480px){.status-action-btn{font-size:13px;padding:12px 15px}}.view-planning-consignment{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.consignment-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px 20px}.consignment-header h3{color:#495057;font-size:18px;font-weight:600;margin:0}.loading-container{color:#6c757d;padding:40px}.no-products{color:#6c757d}.products-table{font-size:14px}.products-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-table th{color:#495057;padding:12px 8px}.products-table td{vertical-align:top}.product-name-cell{word-wrap:break-word;line-height:1.4;max-width:200px}.quantity-cell{font-family:Courier New,monospace;font-weight:500;text-align:right}.remark-cell{word-wrap:break-word}.entered-by-cell{font-weight:500;text-align:center}.remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;margin:0 auto;transition:all .2s ease;width:28px}.remove-btn:hover{background:#c82333;transform:scale(1.1)}.remove-btn:active{transform:scale(.95)}.error-message{margin:15px}@media (max-width:1200px){.products-table{font-size:12px}.products-table td,.products-table th{padding:8px 6px}.product-name-cell{max-width:150px}}@media (max-width:768px){.products-table-container{font-size:11px}.products-table td,.products-table th{padding:6px 4px}.product-name-cell{max-width:120px}.remark-cell{max-width:100px}.status-badge{font-size:10px;padding:2px 6px}.remove-btn{font-size:14px;height:24px;width:24px}}@media (max-width:480px){.consignment-header{padding:10px 15px}.consignment-header h3{font-size:16px}.products-table td,.products-table th{padding:4px 2px}.product-name-cell{max-width:80px}.quantity-cell{font-size:10px}}.delete-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.delete-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 25px}.delete-modal-header h3{color:#dc3545;font-size:18px;font-weight:600;margin:0}.close-btn{border-radius:50%;color:#6c757d;transition:all .2s ease}.close-btn:hover:not(:disabled){background:#e9ecef;color:#495057}.close-btn:disabled{cursor:not-allowed;opacity:.5}.delete-modal-body{padding:25px}.warning-message{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;display:flex;gap:15px;margin-bottom:25px;padding:15px}.warning-icon{flex-shrink:0;font-size:24px}.warning-message p{color:#856404;font-weight:500;line-height:1.4;margin:0}.product-details h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item label{color:#6c757d;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.detail-item span{word-wrap:break-word;color:#495057;font-size:14px}.status-badge{font-size:11px;width:-webkit-fit-content;width:fit-content}.status-pending{border:1px solid #ffeaa7}.status-approved{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-rejected{border:1px solid #f5c6cb}.status-in_progress{background-color:#cce5ff;border:1px solid #b3d7ff;color:#004085}.status-completed{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.error-message{font-size:14px;margin-top:15px;padding:10px 15px}.delete-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.cancel-btn,.delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#6c757d}.cancel-btn:hover:not(:disabled){background:#5a6268}.delete-btn{background:#dc3545}.delete-btn:hover:not(:disabled){background:#c82333}.cancel-btn:disabled,.delete-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.delete-modal-overlay{padding:10px}.delete-modal{max-height:95vh}.delete-modal-header{padding:15px 20px}.delete-modal-header h3{font-size:16px}.delete-modal-body{padding:20px}.detail-grid{gap:12px;grid-template-columns:1fr}.delete-modal-footer{flex-direction:column;padding:15px 20px}.cancel-btn,.delete-btn{width:100%}}@media (max-width:480px){.warning-message{flex-direction:column;gap:10px;text-align:center}.warning-icon{font-size:20px}.delete-modal-header h3{font-size:14px}.detail-item label{font-size:12px}.detail-item span{font-size:13px}}.planning-consignment-page{background:#f8f9fa;min-height:100vh;padding:20px}.page-header{border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.page-header h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.page-header p{color:#6c757d;font-size:16px;margin:0}.error-banner{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-weight:500;margin-bottom:20px;padding:15px 20px}.consignment-selector{align-items:end;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.selector-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.selector-group label{color:#495057;font-size:14px;font-weight:600}.consignment-select,.dispatch-select{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.consignment-select:focus,.dispatch-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.consignment-select:disabled,.dispatch-select:disabled{background:#e9ecef;cursor:not-allowed}.refresh-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#218838}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed}.add-product-btn{background:#007bff;font-size:14px;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.add-product-btn:hover:not(:disabled){background:#0056b3}.add-product-btn:disabled{background:#6c757d;cursor:not-allowed}.no-consignment-selected{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:500px;padding:40px;text-align:center}.empty-state h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 15px}.empty-state p{color:#6c757d;line-height:1.5;margin:0 0 10px}.empty-state p:last-child{margin-bottom:0}@media (max-width:768px){.planning-consignment-page{padding:15px}.page-header{margin-bottom:20px;padding:15px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.consignment-selector{align-items:stretch;flex-direction:column;gap:15px}.selector-group{min-width:auto}.add-product-btn,.refresh-btn{padding:12px;width:100%}.empty-state{padding:30px 20px}.empty-state h3{font-size:18px}}@media (max-width:480px){.planning-consignment-page{padding:10px}.page-header{padding:15px 10px}.page-header h1{font-size:20px}.consignment-selector{padding:15px}.empty-state{padding:20px 15px}.empty-state h3{font-size:16px}.empty-state p{font-size:14px}}.all-user-list-page{background-color:#f5f7fa;min-height:100vh;padding:24px}.page-header{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.page-header,.page-header .btn{align-items:center;display:flex}.page-header .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s;white-space:nowrap}.page-header .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page-header .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.page-header .btn-primary:disabled{cursor:not-allowed;opacity:.6}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-container i{color:#4299e1;font-size:48px;margin-bottom:16px}.loading-container p{color:#718096;font-size:16px}.error-message{align-items:center;background-color:#fed7d7;border-radius:8px;color:#c53030;display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-message i{font-size:20px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.card-icon.purple{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-content{flex:1 1}.card-number{color:#1a202c;font-size:32px;font-weight:700;margin-bottom:4px}.card-label{color:#718096;font-size:14px;font-weight:500}.search-section{margin-bottom:24px}.search-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px 16px}.search-icon{color:#a0aec0;font-size:18px;margin-right:12px}.search-input{border:none;color:#1a202c;font-size:16px;outline:none}.search-input::placeholder{color:#a0aec0}.clear-search-btn{background:none;color:#a0aec0;justify-content:center;padding:4px 8px;transition:color .2s}.clear-search-btn:hover{color:#718096}.table-container{border-radius:12px;margin-bottom:24px;overflow:hidden}.users-table{border-collapse:collapse;min-width:1400px;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.users-table tbody tr:hover{background-color:#f7fafc}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#4a5568;font-size:14px;padding:16px 12px;vertical-align:top}.no-data{color:#a0aec0;padding:60px 20px!important}.no-data i{display:block;font-size:48px;margin-bottom:16px}.no-data p{font-size:16px;margin:0}.user-id-cell{display:flex;flex-direction:column;gap:4px}.user-id-main{color:#1a202c;font-size:13px;font-weight:600;word-break:break-all}.user-id-alt{color:#718096;font-size:11px;word-break:break-all}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name-main{color:#1a202c;font-weight:600}.user-name-alt{color:#718096;font-size:12px}.array-cell{font-size:13px;max-width:200px;word-break:break-word}.session-id-cell{color:#4a5568;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;max-width:150px;word-break:break-all}.badge{border-radius:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-success{background-color:#c6f6d5;color:#22543d}.badge-warning{background-color:#feebc8;color:#7c2d12}.badge-info{background-color:#bee3f8;color:#2c5282}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.pagination-controls{align-items:center;flex-wrap:wrap}.pagination-btn{border:1px solid #e2e8f0;font-weight:500}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.pagination-btn.active:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f)}.pagination-ellipsis{color:#a0aec0;font-weight:600}.actions-cell{text-align:center;width:100px}.action-buttons{justify-content:center}.action-btn{border-radius:50%;display:flex;font-size:14px;height:32px;width:32px}.action-btn.edit-btn{background:#fff3e0;color:#f57c00}.action-btn.edit-btn:hover:not(:disabled){background:#ffe0b2;color:#e65100}.action-btn.permission-btn{background:#e8f5e9;color:#388e3c}.action-btn.permission-btn:hover:not(:disabled){background:#c8e6c9;color:#2e7d32}.action-btn.delete-btn{background:#ffebee;color:#d32f2f}.action-btn.delete-btn:hover:not(:disabled){background:#ffcdd2;color:#c62828}.edit-roles-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.edit-roles-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.edit-roles-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.edit-roles-modal-header h2{font-size:24px;font-weight:600;margin:0}.edit-roles-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.edit-roles-modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.edit-roles-modal-close:disabled{cursor:not-allowed;opacity:.5}.edit-roles-modal-body{flex:1 1;overflow-y:auto;padding:24px}.user-info-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.user-info-section p{color:#4a5568;font-size:14px;margin:8px 0}.user-info-section strong{color:#2d3748;display:inline-block;min-width:120px}.edit-roles-error{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.roles-section{margin-top:24px}.select-all-btn{background:#e2e8f0;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.select-all-btn:hover{background:#cbd5e0;color:#2d3748}.roles-list{grid-gap:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;max-height:300px;overflow-y:auto;padding:8px}.role-checkbox-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:12px;position:relative;transition:all .2s}.role-checkbox-label:hover{background:#f0f4ff;border-color:#667eea}.role-checkbox-label.selected{background:#eef2ff;border-color:#667eea}.role-checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin-right:12px;width:18px}.role-name{color:#2d3748;flex:1 1;font-size:14px;font-weight:500}.selected-roles-summary{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;margin-top:16px;padding:16px}.selected-roles-summary strong{color:#4338ca;display:block;font-size:14px;margin-bottom:12px}.selected-roles-tags{display:flex;flex-wrap:wrap;gap:8px}.role-tag{align-items:center;background:#667eea;border-radius:6px;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.role-tag:before{content:"✓";font-weight:700}.edit-roles-modal-footer{background:#f7fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.edit-roles-modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.edit-roles-modal-footer .btn-secondary{background:#e2e8f0;color:#4a5568}.edit-roles-modal-footer .btn-secondary:hover:not(:disabled){background:#cbd5e0;color:#2d3748}.edit-roles-modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-roles-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-roles-modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.all-user-list-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.summary-cards{grid-template-columns:1fr}.pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}.table-container{overflow-x:scroll}}.stock-report-container{padding:0;width:100%}.stock-report-table-container{max-height:70vh;overflow-y:auto;width:100%}.stock-report-table{background-color:#fff;font-size:.875rem}.stock-report-table thead{background-color:#f3f4f6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stock-report-table th{background-color:#059669;border:1px solid #ddd;color:#fff;font-size:.8rem;padding:12px 8px}.stock-report-table td{border:1px solid #e5e7eb;padding:10px 8px;text-align:left;white-space:nowrap}.stock-report-table tbody tr{transition:background-color .2s}.stock-report-table tbody tr:nth-child(2n){background-color:#f9fafb}.stock-report-table tbody tr:hover{background-color:#f3f4f6}.stock-report-loading{color:#6b7280;padding:40px}.stock-report-loading-spinner{border:4px solid #f3f4f6;border-top-color:#059669;height:40px;margin-bottom:16px;width:40px}.stock-report-error{margin:20px;padding:16px}.stock-report-error i{font-size:1.2rem}.stock-report-empty{color:#6b7280;font-size:1rem;padding:40px}.all-stock-page{background-color:#f5f7fa;min-height:100vh;padding:24px}.all-stock-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.all-stock-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:40px;width:40px}.all-stock-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.header-content h2{color:#1a202c;font-size:28px;font-weight:600;margin:0 0 8px}.all-stock-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.entries-selector label{color:#4a5568}.entries-select{border:1px solid #cbd5e0}.entries-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.search-box label{color:#4a5568}.search-input{border:1px solid #cbd5e0;min-width:250px}.search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.all-stock-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.all-stock-error i{font-size:18px}.all-stock-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;overflow-x:auto}.all-stock-table{border-collapse:collapse;min-width:1400px;width:100%}.all-stock-table thead{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}.all-stock-table th{color:#2d3748;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.all-stock-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:12px 16px}.all-stock-table tbody tr:hover{background-color:#f7fafc}.all-stock-table tbody tr:last-child td{border-bottom:none}.status-badge.status-approved{background-color:#c6f6d5;color:#22543d}.status-badge.status-rejected{background-color:#fed7d7;color:#742a2a}.status-badge.status-pending{background-color:#feebc8;color:#7c2d12}.status-badge.status-available{background-color:#bee3f8;color:#2c5282}.status-badge.status-unavailable{background-color:#e2e8f0;color:#4a5568}.all-stock-pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#718096}.pagination-btn{border:1px solid #cbd5e0;color:#4a5568}.pagination-btn:hover:not(:disabled){background-color:#edf2f7;border-color:#a0aec0}.pagination-btn.active{background-color:#3182ce;border-color:#3182ce}.pagination-ellipsis{color:#718096}.all-stock-empty{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:60px 24px;text-align:center}.all-stock-empty p{color:#718096;font-size:16px;margin:0}.report-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.report-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.report-modal-header{align-items:center;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.modal-close-btn{color:#718096}.modal-close-btn:hover{background-color:#e2e8f0;color:#2d3748}.report-modal-body{flex:1 1;overflow-y:auto;padding:24px}.report-modal-info{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.report-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-info-field{display:flex;flex-direction:column;gap:4px}.report-info-field label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-info-field span{color:#2d3748;font-size:14px;font-weight:500}.report-modal-footer{background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.all-stock-header{align-items:flex-start;flex-direction:column}.all-stock-controls{align-items:stretch;flex-direction:column;width:100%}.search-input{min-width:auto;width:100%}.all-stock-pagination{align-items:center;flex-direction:column}.report-modal-content{max-height:95vh;width:100%}.report-info-row{grid-template-columns:1fr}}.permission-page{background-color:#f5f7fa;min-height:100vh;padding:24px}.permission-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.header-content h1{color:#1a202c;font-size:28px;font-weight:600;margin:0 0 8px}.header-content p{color:#718096;font-size:14px;margin:0}.permission-header .btn{align-items:center;display:flex;gap:8px;padding:10px 20px;white-space:nowrap}.permission-filters{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#4a5568;font-size:14px;font-weight:500}.role-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.role-filter-select:hover{border-color:#cbd5e0}.role-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .fa-search{color:#a0aec0;font-size:14px;left:12px;position:absolute}.search-input{border:1px solid #e2e8f0;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;position:absolute;right:8px;transition:color .2s}.clear-search:hover{color:#718096}.permissions-container{display:flex;flex-direction:column;gap:24px}.permission-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.section-header h2{font-size:20px;font-weight:600;margin:0}.section-count{background:#fff3;border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.permissions-list{display:flex;flex-direction:column;gap:12px;padding:16px}.permission-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:20px;padding:16px;transition:all .2s}.permission-item:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.permission-info{flex:1 1;min-width:0}.permission-name h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px}.permission-route{color:#718096;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all}.permission-roles{flex:1 1;min-width:300px}.roles-label{color:#718096;font-size:12px;font-weight:500;margin-bottom:8px}.roles-tags{display:flex;flex-wrap:wrap;gap:6px}.role-tag{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.role-tag.all-roles{background:#718096!important}.no-roles{color:#a0aec0;font-size:13px;font-style:italic}.permission-actions{display:flex;gap:8px}.btn-edit-permission{align-items:center;background:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;color:#f57c00;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-edit-permission:hover{background:#ffe0b2;color:#e65100;transform:translateY(-1px)}.no-permissions{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.no-permissions i{color:#a0aec0;font-size:48px;margin-bottom:16px}.no-permissions p{color:#718096;font-size:16px;margin:0}.edit-permission-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.edit-permission-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.edit-permission-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.edit-permission-modal-header h2{font-size:24px;font-weight:600;margin:0}.modal-close-btn{background:#fff3;border-radius:50%;font-size:18px;height:36px;width:36px}.modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.edit-permission-modal-body{flex:1 1;overflow-y:auto;padding:24px}.permission-info-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.permission-info-box p{color:#4a5568;font-size:14px;margin:8px 0}.permission-info-box strong{color:#2d3748;display:inline-block;min-width:80px}.roles-selection-section{margin-top:24px}.roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.roles-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.select-all-roles-btn{background:#e2e8f0;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.select-all-roles-btn:hover:not(:disabled){background:#cbd5e0;color:#2d3748}.select-all-roles-btn:disabled{cursor:not-allowed;opacity:.5}.roles-checkbox-list{grid-gap:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;max-height:400px;overflow-y:auto;padding:8px}.role-checkbox-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:12px;position:relative;transition:all .2s}.role-checkbox-item:hover:not(:has(input:disabled)){background:#f0f4ff;border-color:#667eea}.role-checkbox-item.selected{background:#eef2ff;border-color:#667eea}.role-checkbox-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin-right:12px;width:18px}.role-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.role-checkbox-name{flex:1 1;font-size:14px;font-weight:500}.role-check-icon{color:#667eea;font-size:16px;margin-left:8px}.selected-roles-preview{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;margin-top:16px;padding:16px}.selected-roles-preview strong{color:#4338ca;display:block;font-size:14px;margin-bottom:12px}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tag{align-items:center;background:#667eea;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.preview-tag:before{content:"✓";font-weight:700}.no-selection{color:#a0aec0;font-size:13px;font-style:italic}.edit-permission-modal-footer{background:#f7fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.edit-permission-modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.edit-permission-modal-footer .btn-secondary{background:#e2e8f0;color:#4a5568}.edit-permission-modal-footer .btn-secondary:hover:not(:disabled){background:#cbd5e0;color:#2d3748}.edit-permission-modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-permission-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-permission-modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.permission-header{align-items:flex-start;gap:16px}.permission-filters,.permission-header,.permission-item{flex-direction:column}.permission-item{align-items:flex-start;gap:12px}.permission-roles{min-width:auto;width:100%}.roles-checkbox-list{grid-template-columns:1fr}}.qc-purchase-requests-container{margin:0 auto;max-width:1400px;padding:20px}.qc-purchase-requests-header{margin-bottom:30px}.qc-purchase-requests-header h2{color:#333;font-size:1.8rem;margin-bottom:5px}.qc-purchase-requests-header p{color:#666;font-size:.95rem}.qc-purchase-requests-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.search-box{min-width:250px}.search-box input{font-size:.9rem}.filter-box select{cursor:pointer;font-size:.9rem;padding:10px 15px}.qc-purchase-requests-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.qc-purchase-requests-stats .stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.qc-purchase-requests-stats .stat-card h3{color:#666;font-size:.9rem;font-weight:500;margin-bottom:10px}.qc-purchase-requests-stats .stat-card p{color:#333;font-size:2rem;font-weight:700;margin:0}.qc-purchase-requests-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.qc-purchase-requests-table{border-collapse:collapse;width:100%}.qc-purchase-requests-table thead{background-color:#f8f9fa}.qc-purchase-requests-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;padding:12px 15px;text-align:left}.qc-purchase-requests-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:.9rem;padding:12px 15px}.qc-purchase-requests-table tbody tr:hover{background-color:#f8f9fa}.qc-purchase-requests-table .no-data{color:#999;font-style:italic;padding:40px;text-align:center}.status-badge.pending{background-color:#fff3cd}.status-badge.approved{background-color:#d4edda}.status-badge.rejected{background-color:#f8d7da}.priority-badge{font-size:.85rem}.priority-badge.normal{background-color:#e7f3ff;color:#004085}.priority-badge.urgent{background-color:#ffe6e6}.pagination{margin-top:30px}.error-message{border:1px solid #f5c6cb;padding:12px 16px}.loading{font-size:1rem}.received-store-entry-management{max-width:100%;overflow-x:auto;padding:20px}.received-store-header{margin-bottom:30px}.received-store-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.received-store-header p{color:#666;font-size:.95rem}.received-store-error,.received-store-success{align-items:center;border-radius:6px;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.received-store-error{background-color:#fee;border:1px solid #fcc;color:#c33}.received-store-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.received-store-error i,.received-store-success i{font-size:1.1rem}.received-store-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.received-store-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.received-store-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.received-store-table{border-collapse:collapse;min-width:1200px;width:100%}.received-store-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.received-store-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.received-store-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.received-store-table tbody tr:hover{background-color:#f8f9fa}.received-store-table tbody tr:last-child{border-bottom:none}.received-store-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.received-store-table td:first-child{color:#007bff;font-weight:600}.status-toggle-container{align-items:center;display:flex;flex-direction:column;gap:8px}.status-toggle{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.status-toggle input{height:0;opacity:0;width:0}.status-toggle-slider{align-items:center;background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.3s}.status-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.status-toggle input:checked+.status-toggle-slider{background-color:#28a745}.status-toggle input:checked+.status-toggle-slider:before{transform:translateX(24px)}.status-toggle input:disabled+.status-toggle-slider{cursor:not-allowed;opacity:.6}.status-toggle-slider.received{background-color:#17a2b8}.status-toggle-slider.approved{background-color:#28a745}.status-toggle-slider i{color:#fff;font-size:.7rem;position:relative;z-index:1}.status-date{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px;white-space:nowrap}.status-date i{font-size:.7rem}.status-warning{align-items:center;color:#ff9800;display:flex;font-size:.7rem;font-weight:500;gap:4px;margin-top:4px;white-space:nowrap}.status-warning i{font-size:.7rem}.qc-status-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;min-width:140px;padding:8px 12px;transition:all .2s ease}.qc-status-dropdown:hover:not(:disabled){border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.qc-status-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.qc-status-dropdown:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.qc-status-dropdown option{padding:8px}.status-badge{padding:6px 12px}.status-badge.status-received-by-qc,.status-badge.status-sent-to-qc{background-color:#17a2b8;color:#fff}.received-store-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.received-store-empty p{color:#999;font-size:1.1rem}.remark-cell,.remark-icon-btn{align-items:center;display:flex;justify-content:center}.remark-icon-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:1.1rem;padding:8px;position:relative;transition:all .2s ease}.remark-icon-btn:hover{background-color:#f0f0f0;color:#007bff;transform:scale(1.1)}.remark-icon-btn:active{transform:scale(.95)}.remark-indicator{background-color:#28a745;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.remark-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.remark-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.remark-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.remark-modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.remark-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.remark-modal-close:hover{background-color:#f0f0f0;color:#333}.remark-modal-body{flex:1 1;overflow-y:auto;padding:24px}.remark-modal-arn{background-color:#f8f9fa;border-radius:6px;color:#555;font-size:.95rem;margin-bottom:20px;padding:12px}.remark-modal-arn strong{color:#333;margin-right:8px}.remark-modal-textarea-container{display:flex;flex-direction:column;gap:8px}.remark-modal-textarea-container label{color:#333;font-size:.95rem;font-weight:600}.remark-textarea{border-radius:6px;font-size:.95rem;min-height:120px;padding:12px;transition:border-color .2s ease}.remark-textarea:focus{box-shadow:0 0 0 3px #007bff1a}.remark-textarea::placeholder{color:#999}.remark-modal-note{align-items:flex-start;background-color:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;color:#0056b3;display:flex;font-size:.85rem;gap:8px;margin-top:12px;padding:10px}.remark-modal-note i{flex-shrink:0;margin-top:2px}.remark-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.remark-modal-cancel,.remark-modal-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.remark-modal-cancel{background-color:#f8f9fa;color:#666}.remark-modal-cancel:hover:not(:disabled){background-color:#e9ecef;color:#333}.remark-modal-save{background-color:#007bff;color:#fff}.remark-modal-save:hover:not(:disabled){background-color:#0056b3}.remark-modal-cancel:disabled,.remark-modal-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.received-store-entry-management{padding:15px}.received-store-header h2{font-size:1.5rem}.received-store-table{font-size:.85rem}.received-store-table td,.received-store-table th{padding:10px 12px}.remark-modal-content{margin:10px;max-width:100%}.remark-modal-body,.remark-modal-footer,.remark-modal-header{padding:16px}}.pending-sales-order{background-color:#f5f5f5;min-height:100vh;padding:20px}.pending-sales-order-header{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.pending-sales-order-header,.pending-sales-order-header-left{align-items:center;display:flex}.vhc-label{color:#333;font-size:1rem;font-weight:600}.pending-sales-order-header-right{align-items:center;display:flex;gap:20px}.pending-sales-order-header-right span{color:#666;font-size:.9rem}.detail-print-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.detail-print-btn:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.pending-sales-order-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px;text-align:center}.pending-sales-order-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pending-sales-order-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.pending-sales-order-table{border-collapse:collapse;min-width:800px;width:100%}.pending-sales-order-table thead{background-color:#f1f5f9}.pending-sales-order-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.pending-sales-order-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.pending-sales-order-table tbody tr:hover{background-color:#f8fafc}.pending-sales-order-table td{color:#64748b;font-size:.875rem;padding:12px 16px;text-align:left;vertical-align:middle}.pending-sales-order-note{background-color:#fef3c7;border-top:2px solid #e2e8f0;color:#92400e;font-size:.9rem;line-height:1.6;padding:15px 20px}.pending-sales-order-note strong{font-weight:600}.pending-sales-order-empty{align-items:center;color:#64748b;display:flex;font-size:1.1rem;height:100%;justify-content:center}.pending-sales-order-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.pending-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.view-products-table tfoot tr{border-top:2px solid #dee2e6}.view-products-table tfoot td{padding:12px 14px}.sales-order-approved{max-width:100%;overflow-x:auto;padding:20px}.sales-order-approved-header{margin-bottom:30px}.sales-order-approved-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.sales-order-approved-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.sales-order-approved-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.sales-order-approved-error i{font-size:1.1rem}.sales-order-approved-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.sales-order-approved-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.sales-order-approved-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-x:auto}.sales-order-approved-table{border-collapse:collapse;min-width:2000px;width:100%}.sales-order-approved-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.sales-order-approved-table th{background-color:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.sales-order-approved-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.sales-order-approved-table tbody tr:hover{background-color:#f8f9fa}.sales-order-approved-table tbody tr:last-child{border-bottom:none}.sales-order-approved-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.view-btn:hover{box-shadow:0 2px 4px #007bff4d}.view-btn:active{transform:translateY(0)}.status-verified{background-color:#d4edda;color:#155724}.status-final{background-color:#cce5ff;color:#004085}.acc-status{font-size:.8rem}.acc-status.approved{background-color:#d4edda;color:#155724}.sales-order-approved-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding:15px 0}.pagination-btn{transition:all .2s ease}.sales-order-approved-empty{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.no-products{font-size:1rem}@media (max-width:768px){.sales-order-approved{padding:15px}.sales-order-approved-header h2{font-size:1.5rem}.sales-order-approved-controls,.sales-order-approved-pagination{align-items:stretch;flex-direction:column}.pagination-buttons{justify-content:center}.view-modal-content{max-height:95vh;max-width:95%}.view-detail-row{grid-template-columns:1fr}}.billing-confirmation-sales-order{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.billing-confirmation-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.billing-confirmation-header h2{color:#1e293b;font-size:1.5rem;margin:0 0 5px}.billing-confirmation-header p{color:#64748b;font-size:1rem;margin:0 0 15px}.billing-confirmation-controls{align-items:center;display:flex;gap:20px}.billing-confirmation-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.billing-confirmation-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.billing-confirmation-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.billing-confirmation-container{display:flex;flex-direction:column;gap:20px}.view-billing-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.view-billing-btn:hover:not(:disabled){background-color:#2563eb}.view-billing-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.purchase-request-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.purchase-request-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.purchase-request-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.purchase-request-modal-header h2{color:#333;font-size:1.5rem;margin:0}.purchase-request-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.purchase-request-modal-close:hover{background-color:#e0e0e0;color:#333}.purchase-request-modal-body{flex:1 1;overflow-y:auto;padding:20px}.purchase-request-form-section{margin-bottom:20px}.purchase-request-form-section h3{border-bottom:2px solid #059669;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.purchase-request-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.purchase-request-form-group{display:flex;flex-direction:column}.purchase-request-form-group-full{grid-column:1/-1}.purchase-request-form-group label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:5px}.purchase-request-input,.purchase-request-input-disabled{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:10px;transition:border-color .2s}.purchase-request-input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a;outline:none}.purchase-request-input-disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.purchase-request-form-group textarea{min-height:80px;resize:vertical}.purchase-request-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.purchase-request-btn{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background-color .2s,opacity .2s}.purchase-request-btn:disabled{cursor:not-allowed;opacity:.6}.purchase-request-btn-primary{background-color:#059669;color:#fff}.purchase-request-btn-primary:hover:not(:disabled){background-color:#047857}.purchase-request-btn-secondary{background-color:#6b7280;color:#fff}.purchase-request-btn-secondary:hover:not(:disabled){background-color:#4b5563}@media (max-width:768px){.purchase-request-modal-content{max-height:95vh;max-width:95%}.purchase-request-form-row{grid-template-columns:1fr}.purchase-request-form-group-full{grid-column:1}}.sales-order-final{max-width:100%;overflow-x:auto;padding:20px}.sales-order-final-header{margin-bottom:30px}.sales-order-final-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.sales-order-final-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.sales-order-final-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.sales-order-final-error i{font-size:1.1rem}.sales-order-final-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.sales-order-final-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.sales-order-final-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-x:auto}.sales-order-final-table{border-collapse:collapse;min-width:2000px;width:100%}.sales-order-final-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.sales-order-final-table th{background-color:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.sales-order-final-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.sales-order-final-table tbody tr:hover{background-color:#f8f9fa}.sales-order-final-table tbody tr:last-child{border-bottom:none}.sales-order-final-table tbody tr.final-row{background-color:#e7f3ff}.sales-order-final-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.view-btn:hover{box-shadow:0 4px 8px #007bff4d}.action-btn.proceed-btn{background-color:#28a745;color:#fff}.action-btn.proceed-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.action-btn.proceed-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn.proceed-btn i{font-size:.8rem}.action-btn.proceed-btn i.fa-spinner{animation:spin 1s linear infinite}.expanded-cell{padding:20px}.products-table-wrapper{margin-top:10px}.products-table{border-radius:4px}.products-loading p{color:#666;font-size:.9rem}.sales-order-final-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding:15px 20px}.sales-order-final-empty,.sales-order-final-pagination{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.sales-order-final-empty{padding:60px 20px;text-align:center}.sales-order-final-empty p{color:#999;font-size:1.1rem}.proceed-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.proceed-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.proceed-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.proceed-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.proceed-modal-body{flex:1 1;overflow-y:auto;padding:30px}.proceed-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.proceed-modal-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.proceed-modal-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.proceed-order-details{background:#f8f9fa;border-radius:6px;margin-bottom:30px;padding:20px}.proceed-detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.proceed-detail-field{display:flex;flex-direction:column}.proceed-detail-field label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:5px}.proceed-detail-field span{color:#333;font-size:.95rem;font-weight:500}.proceed-products-section{margin-bottom:30px;overflow-x:auto}.proceed-products-table{background:#fff;border-collapse:collapse;border-radius:4px;min-width:1200px;overflow:hidden;width:100%}.proceed-products-table thead{background-color:#e9ecef;border-bottom:2px solid #dee2e6}.proceed-products-table th{color:#333;font-size:.9rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.proceed-products-table tbody tr{border-bottom:1px solid #e9ecef}.proceed-products-table tbody tr:hover{background-color:#f8f9fa}.proceed-products-table tbody tr:last-child{border-bottom:none}.proceed-products-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.proceed-input{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease;width:100%}.proceed-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.update-product-btn{display:inline-flex}.update-product-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d}.update-product-btn:disabled{transform:none}.update-product-btn i{font-size:.8rem}.proceed-note{background-color:#d4edda;border-left:4px solid #28a745;border-radius:4px;margin-bottom:20px;padding:15px 20px}.proceed-note-text{color:#155724;font-size:.95rem;line-height:1.5;margin:0}.proceed-note-text strong{font-weight:600}.proceed-copyright{border-top:1px solid #e9ecef;margin-top:20px;padding:10px 0;text-align:left}.proceed-copyright p{color:#999;font-size:.85rem;margin:0}.proceed-modal-footer{background:#f8f9fa;border-top:2px solid #f8f9fa;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.save-all-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.save-all-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.save-all-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-all-btn i{font-size:.9rem}.proceed-modal-footer .cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.proceed-modal-footer .cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.proceed-modal-footer .cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.inline-stock-section{width:100%}.inline-stock-section h4{color:#333;font-size:1.1rem;margin-bottom:15px}.request-form-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:20px}.request-form-section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.request-form-fields{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.request-form-field{display:flex;flex-direction:column;gap:5px}.request-form-field label{color:#555;font-size:.9rem;font-weight:500}.request-input{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.9rem;padding:8px 12px;transition:border-color .3s}.request-input:focus{border-color:#007bff;outline:none}.request-input.readonly{background-color:#f8f9fa;color:#666;cursor:not-allowed}.request-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:8px 20px;transition:background-color .3s}.request-btn:hover:not(:disabled){background-color:#0056b3}.request-btn:disabled{background-color:#ccc;cursor:not-allowed}.stock-table-container{border:1px solid #e0e0e0;border-radius:4px;margin-top:15px}.stock-table{font-size:.9rem}.stock-table td,.stock-table th{border-bottom:1px solid #e0e0e0;padding:10px;text-align:left}.stock-table th{background-color:#f8f9fa}.stock-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.stock-modal-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.apply-stock-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .3s}.apply-stock-btn:hover:not(:disabled){background-color:#218838}.apply-stock-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.sales-order-final{padding:15px}.sales-order-final-header h2{font-size:1.5rem}.sales-order-final-controls{align-items:stretch;flex-direction:column}.sales-order-final-table{font-size:.85rem}.sales-order-final-table td,.sales-order-final-table th{padding:10px 12px}.sales-order-final-pagination{align-items:stretch;flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.success-popup-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;min-width:350px;padding:40px 50px;text-align:center}.success-popup-icon{animation:scaleIn .3s ease .1s both;color:#28a745;font-size:4rem;margin-bottom:20px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-popup-icon i{display:block}.success-popup-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 30px}.success-popup-ok-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 40px;transition:all .3s ease}.success-popup-ok-btn:hover{background:linear-gradient(135deg,#218838,#1aa179);box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.success-popup-ok-btn:active{box-shadow:0 2px 8px #28a7454d;transform:translateY(0)}.parameter-list{background-color:#f5f5f5;min-height:100vh;padding:20px}.parameter-list-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.parameter-list-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.add-parameter-btn{align-items:center;background-color:#059669;display:flex;font-size:.9rem;font-weight:500;gap:8px;transition:all .2s}.add-parameter-btn:hover{background-color:#047857;box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.parameter-list-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.parameter-list-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.parameter-list-table{border-collapse:collapse;min-width:800px;width:100%}.parameter-list-table thead{background-color:#f1f5f9}.parameter-list-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.parameter-list-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.parameter-list-table tbody tr:hover{background-color:#f8fafc}.parameter-list-table td{color:#64748b;font-size:.875rem;padding:12px 16px;text-align:left;vertical-align:middle}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.edit-btn:hover{background-color:#d97706}.parameter-list-empty{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.parameter-list-empty p{color:#64748b;font-size:1.1rem}.parameter-list-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.parameter-list-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.view-modal-content{max-width:600px}.edit-modal-content{max-width:700px}.view-parameter-info{gap:20px}.view-parameter-field,.view-parameter-info{display:flex;flex-direction:column}.view-parameter-field label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:5px}.view-parameter-field span{color:#333;font-size:.95rem;font-weight:500}.parameter-form{display:flex;flex-direction:column;gap:20px}.parameter-form-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.form-group input,.form-group select{font-size:.9rem}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cancel-btn,.submit-btn{padding:10px 20px}.submit-btn{font-weight:500}.add-parameter{background-color:#f5f5f5;min-height:100vh;padding:20px}.add-parameter-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.add-parameter-header-left h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.add-parameter-header-right{align-items:center;display:flex;gap:20px}.add-parameter-header-right span{color:#666;font-size:.9rem}.add-parameter-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.add-parameter-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.add-parameter-form{display:flex;flex-direction:column;gap:25px;max-width:600px}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cancel-btn{font-weight:500;padding:12px 24px}.submit-btn{background-color:#059669;font-size:.9rem;padding:12px 24px}.submit-btn:hover:not(:disabled){background-color:#047857;box-shadow:0 2px 4px #0596694d}.examples-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:40px;padding:20px}.examples-section h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 20px}.examples-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.example-group{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;padding:15px}.example-group h4{color:#333;font-size:.95rem;font-weight:600;margin:0 0 10px}.example-group ul{list-style-type:disc;margin:0;padding-left:20px}.example-group li{color:#555;font-size:.9rem;margin:5px 0}.add-parameter-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.add-parameter-footer p{margin:0}.form-group input[type=date],.form-group input[type=text],.form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.parameter-select-group select[multiple]{background:#fff;border:1px solid #ddd;border-radius:4px;min-height:100px;padding:5px}.parameter-select-group select[multiple] option{cursor:pointer;padding:5px}.parameter-select-group select[multiple] option:hover{background-color:#f0f0f0}@media (max-width:768px){.date-inputs,.form-row{flex-direction:column}.parameter-select-group{align-items:stretch;flex-direction:column}}.create-coa-container{margin:0 auto;max-width:1400px;padding:20px}.page-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.coa-form{background:#f5f5f5;border-radius:8px;padding:30px}.form-column{display:flex;flex:1 1;flex-direction:column;gap:15px}.form-group label{font-size:14px}.form-group input[type=date],.form-group input[type=file],.form-group input[type=text],.form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.form-group input[readOnly]{background-color:#f0f0f0;cursor:not-allowed}.date-inputs{display:flex;gap:10px}.date-inputs select{flex:1 1}.tr-number-input-group{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:0;overflow:hidden}.tr-number-prefix{background-color:#f8f9fa;border-right:1px solid #ddd;color:#495057;font-size:14px;font-weight:500;padding:10px 12px;white-space:nowrap}.tr-number-input{background:#fff;border:none;flex:1 1;font-size:14px;outline:none;padding:10px}.tr-number-input-group:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.parameter-select-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.parameter-select-group select{flex:1 1;min-width:150px}.parameter-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.parameter-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-parameter-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.add-parameter-btn:hover:not(:disabled){background-color:#0056b3}.add-parameter-btn:disabled{background-color:#ccc;cursor:not-allowed}.help-text{color:#666;font-size:12px;font-style:italic;margin-top:5px}.image-upload-section{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.image-upload-controls{flex:1 1}.image-upload-preview{align-items:flex-start;display:flex;flex:1 1;justify-content:center}.image-preview-container{display:inline-block;position:relative}.image-preview{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:200px;max-width:200px;padding:5px}.image-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:25px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .2s;width:25px}.image-remove-btn:hover{background:#c82333}.image-remove-btn:active{transform:scale(.95)}.parameters-table-section{background:#fff;border-radius:8px;margin:30px 0;padding:20px;width:100%}.parameters-table{border-collapse:collapse;margin-top:10px;table-layout:fixed;width:100%}.parameters-table th{white-space:nowrap}.parameters-table td{vertical-align:middle}.parameters-table td:first-child{width:25%}.parameters-table td:nth-child(2),.parameters-table td:nth-child(3),.parameters-table td:nth-child(4){width:20%}.parameters-table td:nth-child(5),.parameters-table td:nth-child(6){width:7.5%}.parameters-table thead{background-color:#f8f9fa}.parameters-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px;text-align:left}.parameters-table td{border-bottom:1px solid #dee2e6;padding:12px}.no-parameters-message,.parameters-table tbody tr:hover{background-color:#f8f9fa}.no-parameters-message{color:#666;font-style:italic;padding:40px 20px;text-align:center}.active-parameter{background-color:#fff}.inactive-parameter{background-color:#f8f9fa;opacity:.7}.inactive-parameter input{background-color:#e9ecef;cursor:not-allowed}.not-added-text{color:#999;font-size:12px;font-style:italic}.parameter-name{font-weight:500;padding:12px}.category-label{font-size:13px;font-weight:600;margin-right:5px}.new-parameter-input-group{align-items:center;display:flex;gap:5px}.new-parameter-name-input{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;min-width:200px;padding:6px 10px}.new-parameter-name-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.parameter-name.heavy-metals{background-color:#c8e6c9;color:#2e7d32}.parameter-name.microbiological{background-color:#ffcdd2;color:#c62828}.parameter-name.general{background-color:#e3f2fd;color:#1976d2}.parameters-table input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.delete-btn{align-items:center;background-color:#dc3545;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:8px 12px}.delete-btn:hover{background-color:#c82333}.delete-btn i{margin-right:5px}.form-actions{text-align:center}.submit-btn{background-color:#28a745;font-size:16px;padding:12px 40px}.submit-btn:hover:not(:disabled){background-color:#218838}.submit-btn:disabled{background-color:#ccc}.modal-overlay{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-modal-card{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert-modal-header{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;display:flex;gap:12px;padding:20px 24px}.alert-modal-header i{font-size:24px}.alert-modal-header h3{font-size:20px;font-weight:600;margin:0}.alert-modal-body{color:#333;padding:24px}.alert-modal-body p{font-size:15px;line-height:1.6;margin:0 0 12px}.alert-modal-body p:last-child{margin-bottom:0}.alert-modal-body strong{color:#ff9800;font-weight:600}.alert-modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.alert-modal-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .2s ease}.alert-modal-btn:hover{background-color:#0056b3}.alert-modal-btn:active{transform:scale(.98)}@media (max-width:768px){.date-inputs,.form-row{flex-direction:column}.parameter-select-group{align-items:stretch;flex-direction:column}.image-upload-section{flex-direction:column}.image-preview{max-width:100%}}.coa-report-container{margin:0 auto;max-width:100%;padding:20px}.coa-report-header{margin-bottom:20px}.coa-report-header h2{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.report-controls{justify-content:space-between;margin-bottom:20px}.entries-control{gap:10px}.entries-control select{padding:5px 10px}.search-control{gap:10px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.coa-report-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.coa-report-table{border-collapse:collapse;font-size:14px;width:100%}.coa-report-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.coa-report-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.coa-report-table td{border-bottom:1px solid #dee2e6;color:#555;padding:12px 8px;position:relative}.coa-report-table td button{cursor:pointer!important;position:relative;z-index:1000!important}.coa-report-table td button,.status-cell,.status-cell button{pointer-events:auto!important}.status-cell button{cursor:pointer!important;z-index:1000!important}.coa-report-table tbody tr:hover{background-color:#f8f9fa}.coa-report-table tbody tr:hover .status-cell button{z-index:1001!important}.coa-report-table tbody tr:last-child td{border-bottom:none}.view-btn{font-size:13px;gap:5px}.view-btn i{font-size:12px}.action-buttons-group,.approve-btn{align-items:center}.approve-btn{background-color:#28a745;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;gap:5px;padding:6px 12px;transition:background-color .2s}.approve-btn:hover:not(:disabled){background-color:#218838}.approve-btn:disabled{cursor:not-allowed;opacity:.6}.approve-btn i{font-size:12px}.status-pending{background-color:#ffc107}.status-approved{background-color:#28a745;color:#fff}.status-btn{-webkit-tap-highlight-color:transparent;align-items:center;display:inline-flex;font-size:13px;gap:6px;padding:6px 16px;position:relative;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:100!important}.status-btn,.status-pending-btn{cursor:pointer!important;pointer-events:auto!important}.status-pending-btn{border:1px solid #ffc107;color:#856404}.status-pending-btn:hover:not(:disabled){background-color:#e0a800;border-color:#e0a800;box-shadow:0 2px 4px #0003;cursor:pointer!important;transform:translateY(-1px)}.status-pending-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;cursor:pointer!important;transform:translateY(0)}.status-pending-btn:disabled{cursor:not-allowed!important;opacity:.7;pointer-events:none!important}.status-pending-btn:not(:disabled){cursor:pointer!important;pointer-events:auto!important}.status-pending-btn:not(:disabled):active,.status-pending-btn:not(:disabled):hover{cursor:pointer!important}.status-clickable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.status-clickable:hover{box-shadow:0 2px 4px #0003;opacity:.8;transform:scale(1.05)}.status-clickable:active{transform:scale(.98)}.expand-icon-cell{padding:8px!important;width:40px}.expand-btn{border-radius:4px;font-size:14px;transition:background-color .2s}.expand-btn:hover{background-color:#f0f0f0}.expand-btn i{font-size:12px}.expanded-content-wrapper{width:100%}.details-grid{background-color:#fff}.parameters-table-wrapper{width:100%}.parameters-table-wrapper h4{color:#333;font-size:16px;margin-bottom:15px}.parameters-inline-table{background:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.parameters-inline-table thead{background-color:#e9ecef}.parameters-inline-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:13px;font-weight:600;padding:12px;text-align:left}.parameters-inline-table td{border-bottom:1px solid #dee2e6;font-size:13px;padding:10px 12px}.parameters-inline-table tbody tr:hover{background-color:#f8f9fa}.parameters-inline-table tbody tr:last-child td{border-bottom:none}.pagination{padding:15px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.pagination button:hover:not(:disabled){background-color:#f8f9fa}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#666;font-size:14px}.modal-header{background:#fff}.close-btn{align-items:center;display:flex;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background-color:#f0f0f0}.approve-modal-content{max-width:500px!important}.approve-form{display:flex;flex-direction:column;gap:15px}.approve-form .form-group{display:flex;flex-direction:column;gap:5px}.approve-form label{color:#333;font-size:14px;font-weight:600}.approve-form .form-value{background-color:#f8f9fa;border-radius:4px;color:#555;font-size:14px;min-height:20px;padding:8px 12px}.remark-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.remark-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 20px}.close-modal-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px}.close-modal-btn:hover{background-color:#f0f0f0;border-color:#bbb}.approve-modal-btn{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;text-transform:uppercase;transition:all .2s}.approve-modal-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.approve-modal-btn:disabled{cursor:not-allowed;opacity:.7}.coa-details-section{margin-bottom:30px}.coa-details-section h4{color:#333;font-size:18px;margin-bottom:15px}.details-grid{background-color:#f8f9fa;border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:15px}.parameters-section{margin-top:20px}.parameters-section h4{color:#333;font-size:18px;margin-bottom:15px}.parameters-modal-table{border-collapse:collapse;margin-top:10px;width:100%}.parameters-modal-table thead{background-color:#f8f9fa}.parameters-modal-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px;text-align:left}.parameters-modal-table td{border-bottom:1px solid #dee2e6;padding:12px}.parameters-modal-table tbody tr:hover{background-color:#f8f9fa}.parameter-name-cell{font-weight:500;padding:12px}.parameter-name-cell.heavy-metals{background-color:#c8e6c9;color:#2e7d32}.parameter-name-cell.microbiological{background-color:#ffcdd2;color:#c62828}.parameter-name-cell.general{background-color:#e3f2fd;color:#1976d2}.no-parameters{color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.coa-report-table{font-size:12px}.coa-report-table td,.coa-report-table th{padding:8px 4px}.modal-content{max-width:95%}.details-grid{grid-template-columns:1fr}}.msds-report-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.msds-report-header{border-bottom:2px solid #e0e0e0;padding-bottom:15px}.msds-report-title{color:#333;font-size:20px;font-weight:600;margin:0}.status-controls{display:flex;gap:10px}.status-btn{background-color:#e0e0e0;border-radius:4px;color:#666;font-size:14px;padding:8px 20px}.status-btn.pending.active{background-color:#ffc107;color:#000;font-weight:600}.status-btn.pending:hover{background-color:#ffb300}.status-btn.approved.active{background-color:#28a745;color:#fff;font-weight:600}.status-btn.approved:hover{background-color:#218838}.status-btn.rejected.active{background-color:#dc3545;color:#fff;font-weight:600}.status-btn.rejected:hover{background-color:#c82333}.status-btn:hover{background-color:#d0d0d0}.msds-report-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:5px;margin-bottom:20px}.msds-report-tab{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.msds-report-tab:hover{background-color:#f8f9fa;color:#007bff}.msds-report-tab.active{border-bottom-color:#007bff;color:#007bff;font-weight:600}.msds-report-content{min-height:300px;padding:20px 0}.msds-report-tab-content{display:flex;flex-direction:column;gap:20px}.msds-report-form-group{display:flex;flex-direction:column;gap:8px}.msds-report-form-group label{color:#333;font-size:14px;font-weight:600}.msds-report-input,.msds-report-select,.msds-report-textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s ease}.msds-report-input:focus,.msds-report-select:focus,.msds-report-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.msds-report-input:disabled,.msds-report-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.msds-report-textarea{min-height:100px;resize:vertical}.msds-report-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.msds-report-actions{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.msds-report-save-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 30px;transition:background-color .3s ease}.msds-report-save-btn:hover{background-color:#0056b3}.msds-report-save-btn:active{transform:scale(.98)}.msds-report-save-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.msds-report-message{border-radius:4px;font-size:14px;font-weight:500;margin-right:15px;padding:10px 15px}.msds-report-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.msds-report-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.msds-report-header{align-items:flex-start;flex-direction:column;gap:15px}.status-controls{justify-content:space-between;width:100%}.status-btn{flex:1 1}.msds-report-tabs{flex-wrap:wrap}.msds-report-tab{flex:1 1;min-width:80px}.msds-report-form-row{grid-template-columns:1fr}}.msds-container{align-items:flex-start;background-color:#2c2c2c;display:flex;justify-content:center;min-height:100vh;padding:20px}.msds-form-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:30px;width:100%}.msds-title{color:#333;font-size:24px;font-weight:700;margin-bottom:30px;text-align:center;text-transform:uppercase}.msds-form{width:100%}.msds-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.msds-section:last-of-type{border-bottom:none}.msds-section-title{background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;color:#1976d2;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px 15px}.msds-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.msds-form-grid{grid-template-columns:1fr}}.msds-form-group{display:flex;flex-direction:column}.msds-form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.msds-input{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.msds-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.msds-input.readonly{border-color:#e0e0e0}.msds-input.readonly,.msds-input[readonly]{background-color:#f5f5f5;color:#666;cursor:not-allowed}.msds-submit-container{display:flex;justify-content:center;margin:40px 0 20px}.msds-submit-btn{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;text-transform:uppercase;transition:background-color .3s ease}.msds-submit-btn:hover:not(:disabled){background-color:#1565c0}.msds-submit-btn:disabled{background-color:#90caf9;cursor:not-allowed}.msds-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:left}.msds-footer p{color:#666;font-size:12px;margin:0}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width:1024px){.msds-form-wrapper{padding:20px}.msds-title{font-size:20px}}@media (max-width:768px){.msds-container{padding:10px}.msds-form-wrapper{padding:15px}.msds-title{font-size:18px;margin-bottom:20px}.msds-section-title{font-size:14px;padding:10px 12px}.msds-form-grid{gap:15px}}.msds-report-container{background-color:#f5f5f5;min-height:100vh;padding:20px}.msds-report-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.msds-report-header h2{color:#333;font-size:24px;margin:0}.report-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-controls{display:flex;gap:10px}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-select:focus{border-color:#007bff;outline:none}.entries-control{font-size:14px}.entries-control select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.search-control{position:relative}.search-input{width:200px}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:4px;color:#3c3;margin-bottom:20px;padding:12px}.loading{font-size:18px}.msds-report-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.msds-report-table{border-collapse:collapse;width:100%}.msds-report-table thead{background-color:#f8f9fa}.msds-report-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.msds-report-table td{border-bottom:1px solid #dee2e6;color:#555;padding:12px}.msds-report-table tbody tr:hover{background-color:#f8f9fa}.expand-icon-cell{text-align:center;width:50px}.expand-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;padding:5px 10px;transition:color .3s}.expand-btn:hover{color:#0056b3}.expand-btn:disabled{cursor:not-allowed;opacity:.6}.status-badge.status-pending{color:#000}.status-cell{position:relative}.status-btn{border:none;border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase;transition:all .3s ease}.status-pending-btn{background-color:#ffc107;color:#000}.status-pending-btn:hover{background-color:#ffb300}.modal-overlay{background-color:#00000080;padding:20px;z-index:9999}.modal-content{background-color:#fff;max-width:90%;max-width:1200px;position:relative;width:100%}.modal-header{background-color:#fff;border-bottom:1px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{font-size:20px}.close-btn{color:#666;font-size:24px;transition:color .3s}.close-btn:hover{color:#333}.expanded-content-wrapper{display:flex;flex-direction:column;gap:20px}.msds-details-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.msds-details-section h4{border-bottom:2px solid #007bff;color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.details-grid div{background-color:#f8f9fa;border-radius:4px;padding:8px}.details-grid strong{color:#333;margin-right:8px}.msds-report-section-wrapper{margin-top:20px}.pagination{gap:15px;padding:20px}.pagination-btn{transition:all .3s}.pagination-btn:hover:not(:disabled){background-color:#007bff}@media (max-width:768px){.msds-report-header{align-items:flex-start;flex-direction:column}.report-controls{align-items:stretch}.filter-controls,.report-controls{flex-direction:column;width:100%}.search-input{width:100%}.msds-report-table{font-size:12px}.msds-report-table td,.msds-report-table th{padding:8px}.details-grid{grid-template-columns:1fr}}.form-row{grid-gap:20px;grid-template-columns:1fr 1fr}.form-control::placeholder{color:#94a3b8}.form-actions{align-items:center;margin-top:10px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;display:flex;font-size:.95rem;gap:8px;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d}.submit-btn:disabled{opacity:.6}.edit-btn{border-radius:4px;padding:8px 12px;transition:all .2s}.edit-btn:hover{box-shadow:0 2px 4px #3b82f64d}.cancel-btn{align-items:center;display:flex;font-size:.95rem;gap:8px;letter-spacing:.5px;margin-right:10px;padding:12px 32px;transition:all .2s}.cancel-btn:hover:not(:disabled){background-color:#4b5563;box-shadow:0 2px 4px #6b72804d;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.form-row{grid-template-columns:1fr}.consignees-table{font-size:.85rem}.consignees-table td,.consignees-table th{padding:8px 12px}}.view-btn:hover:not(:disabled){background-color:#5568d3;box-shadow:0 2px 4px #667eea4d;transform:translateY(-1px)}.view-btn:disabled{background-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6}.accept-sample-btn-table{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.accept-sample-btn-table:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.accept-sample-btn-table:disabled{cursor:not-allowed;opacity:.6}.dispatch-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-top:15px}.info-item label{color:#667eea;font-size:.9rem}.info-item span{color:#333}.qc-accept-badge{align-items:center;background-color:#d1fae5;border-radius:12px;color:#065f46;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.accept-action-section{border-top:2px solid #e9ecef;display:flex;justify-content:center;margin-top:20px;padding-top:20px}.accept-sample-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s}.accept-sample-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.accept-sample-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.dispatch-details-grid{grid-template-columns:1fr}.pending-sample-dispatch-table{font-size:.85rem}.pending-sample-dispatch-table td,.pending-sample-dispatch-table th{padding:8px 12px}.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-products-table{font-size:.85rem;min-width:700px}.view-products-table td,.view-products-table th{padding:8px 10px}}.marketing-create-order{background-color:#f8fafc;margin:0 auto;max-width:100%;min-height:calc(100vh - 100px);padding:5px 20px 10px}.marketing-order-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;margin-top:0}.marketing-order-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.marketing-order-error{border-radius:4px}.marketing-order-error,.marketing-order-success{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-bottom:10px;padding:8px 12px}.marketing-order-success{background-color:#efe;border:1px solid #cfc;border-radius:4px;color:#3c3}.marketing-order-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px 20px}@media (max-width:768px){.marketing-create-order{padding:15px}.marketing-order-form{padding:20px}.form-group{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}.products-table{font-size:.85rem}.products-table td,.products-table th{padding:8px 12px}}.pending-export-sales-order{background-color:#f8fafc;max-width:100%;min-height:calc(100vh - 100px);padding:20px 30px}.pending-export-sales-order-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.pending-export-sales-order-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.pending-export-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7c3aed;height:50px;margin-bottom:20px;width:50px}.pending-export-sales-order-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pending-export-sales-order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.entries-control{align-items:center;display:flex;gap:8px}.entries-control label{color:#555;font-weight:500}.search-control{align-items:center;display:flex;gap:8px}.search-control label{color:#555;font-weight:500}.pending-export-sales-order-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.pending-export-sales-order-table{border-collapse:collapse;font-size:.9rem;width:100%}.pending-export-sales-order-table thead{background-color:#f1f5f9}.pending-export-sales-order-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.pending-export-sales-order-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:10px 8px}.pending-export-sales-order-table tbody tr:hover{background-color:#f8fafc}.pending-export-sales-order-table .no-data{color:#94a3b8;font-style:italic;padding:30px;text-align:center}.action-btn{background:none;color:#475569;padding:6px 10px}.action-btn:hover{background-color:#f1f5f9}.action-btn.print-btn:hover{color:#2563eb}.action-btn.edit-btn:hover{color:#7c3aed}.action-btn.pi-btn:hover{color:#059669}.action-btn.view-btn{color:#7c3aed;font-weight:500}.action-btn.view-btn:hover{background-color:#ede9fe;color:#6d28d9}.action-btn i{margin-right:4px}.pending-export-sales-order-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px}.pagination-controls{gap:5px}.pagination-btn.active{background-color:#7c3aed}.copyright{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.85rem;margin-top:30px;padding-top:20px;text-align:left}.view-modal-content{box-shadow:0 10px 25px #0003;max-width:90%;width:1000px}.close-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:all .2s}.close-btn:hover{background-color:#f1f5f9;color:#1e293b}.loading-spinner{border-top-color:#7c3aed;margin-bottom:15px}.order-info-section{margin-bottom:30px}.order-info-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item.full-width{grid-column:1/-1}.info-item span{color:#1e293b;font-size:.95rem}.products-section{margin-top:30px}.products-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.products-table{margin-top:15px}.products-table thead{background-color:#f1f5f9}.products-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;padding:10px 8px}.products-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:10px 8px}.products-table tfoot{background-color:#f1f5f9}.products-table tfoot td{padding:12px 8px}.no-products{color:#94a3b8;padding:30px}.view-modal-footer{padding:15px 20px}.close-modal-btn{background-color:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.close-modal-btn:hover{background-color:#6d28d9}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.pending-export-sales-order-table-container{overflow-x:scroll}.view-modal-content{max-height:95vh;max-width:95%}}.daily-work-report{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:20px 30px}.dwr-header{margin-bottom:30px}.dwr-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 10px}.dwr-description{background-color:#e0f2fe;border-left:4px solid #0ea5e9;border-radius:4px;color:#64748b;font-size:.95rem;line-height:1.6;margin:0;padding:15px}.dwr-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.dwr-error,.dwr-success{align-items:center;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dwr-success{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3}.dwr-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-section{border-bottom:2px solid #e2e8f0;margin-bottom:40px;padding-bottom:30px}.form-section h3{font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.form-group{flex-basis:calc(25% - 15px);min-width:200px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input[type=date]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.form-group select{background-color:#fff;cursor:pointer}.field-note{color:#64748b;font-size:.85rem;font-style:italic;line-height:1.4;margin-top:5px}.info-message{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:10px;padding:15px 20px}.info-message p{color:#0c4a6e;line-height:1.6;margin:0}.form-actions{border-top:2px solid #e2e8f0}.submit-btn{background-color:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 30px;transition:background-color .2s,transform .1s}.submit-btn:hover:not(:disabled){background-color:#0284c7;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.7}@media (max-width:768px){.daily-work-report{padding:15px}.dwr-form{padding:20px}.form-group{flex:1 1 100%;min-width:100%}.form-row{flex-direction:column}.dwr-header h2{font-size:1.5rem}}.dwr-list{background-color:#f8fafc;margin:0 auto;max-width:1600px;min-height:calc(100vh - 100px);padding:20px 30px}.dwr-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dwr-list-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.btn-primary{align-items:center;background-color:#0ea5e9;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:#0284c7;transform:translateY(-1px)}.dwr-list-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;gap:10px;padding:12px 16px}.dwr-list-error,.dwr-list-filters{align-items:center;display:flex;margin-bottom:20px}.dwr-list-filters{flex-wrap:wrap;gap:20px;justify-content:space-between}.search-input{padding:10px 14px}.search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.clear-search-btn,.search-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;gap:6px;padding:10px 16px;transition:all .2s}.search-btn:hover{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.clear-search-btn:hover{background-color:#ef4444;border-color:#ef4444;color:#fff}.entries-select{border:1px solid #cbd5e1;font-size:.95rem;padding:10px 12px}.entries-select:focus{border-color:#0ea5e9}.dwr-list-empty,.dwr-list-loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.dwr-list-empty i,.dwr-list-loading i{color:#94a3b8;font-size:3rem;margin-bottom:20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#0ea5e9;margin:0 auto 15px}.dwr-list-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.dwr-list-table{border-collapse:collapse;min-width:1400px;width:100%}.dwr-list-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.dwr-list-table th{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.dwr-list-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.dwr-list-table tbody tr:hover{background-color:#f8f9fa}.dwr-list-table tbody tr.expanded{background-color:#f0f9ff}.dwr-list-table tbody tr:last-child{border-bottom:none}.dwr-list-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.expand-icon{color:#0ea5e9;font-size:.9rem}.expand-icon:hover{color:#0284c7}.action-badge{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.action-new-product-enquiry{background-color:#dbeafe;color:#1e40af}.action-introductory-mail{background-color:#d1fae5;color:#065f46}.action-quotation{background-color:#fef3c7;color:#92400e}.action-follow-up{background-color:#fce7f3;color:#9f1239}.action-sample-to-be-sent{background-color:#e0e7ff;color:#3730a3}.action-no-action{background-color:#f3f4f6;color:#374151}.action-query-closed{background-color:#fee2e2;color:#991b1b}.btn-view{background-color:#0ea5e9;font-size:.85rem;transition:background-color .2s}.btn-view:hover{background-color:#0284c7}.expanded-content{display:flex;flex-direction:column;gap:20px}.expanded-section{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:15px}.expanded-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.1rem;margin:0 0 15px;padding-bottom:8px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item p{color:#1e293b;font-size:.95rem;line-height:1.5;margin:0}.dwr-list-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:15px}.pagination-btn,.pagination-info{font-size:.95rem}.pagination-btn{gap:6px}.pagination-btn:hover:not(:disabled){background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.pagination-page-info{color:#64748b;font-size:.95rem;font-weight:600}.view-modal-content{box-shadow:0 10px 40px #0003}.view-modal-header{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.view-modal-header h3{color:#1e293b}.view-modal-close{color:#64748b;font-size:1.5rem;padding:4px 8px;transition:all .2s}.view-modal-close:hover{background-color:#e2e8f0;color:#1e293b}.view-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.2rem;margin:0 0 15px;padding-bottom:10px}.view-info-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(6,1fr)}.view-info-item{gap:5px}.view-info-item label{color:#64748b;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.view-info-item p{color:#1e293b;font-size:.95rem;line-height:1.5;word-break:break-word}.view-modal-footer{background-color:#f8fafc;border-top:2px solid #e2e8f0}@media (max-width:768px){.dwr-list{padding:15px}.dwr-list-header{align-items:flex-start;flex-direction:column;gap:15px}.dwr-list-filters{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.info-grid{grid-template-columns:1fr}.dwr-list-pagination{flex-direction:column;gap:15px}.view-modal-content{max-height:95vh;max-width:100%}.view-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1023px){.view-info-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.view-info-grid{grid-template-columns:repeat(6,1fr)}}.dwr-request{padding:30px}.dwr-request-header{margin-bottom:30px}.dwr-request-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.dwr-request-error,.dwr-request-success{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dwr-request-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.dwr-request-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.dwr-request-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.dwr-request-empty,.dwr-request-loading{color:#666;padding:60px 20px;text-align:center}.dwr-request-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.dwr-request-table{border-collapse:collapse;width:100%}.dwr-request-table thead{background-color:#f8f9fa}.dwr-request-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.dwr-request-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:14px;padding:12px 15px}.dwr-request-table tbody tr:hover{background-color:#f8f9fa}.btn-reject,.btn-verify,.btn-view{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 12px;transition:all .2s}.btn-verify{background-color:#28a745;color:#fff}.btn-verify:hover:not(:disabled){background-color:#218838}.btn-reject{background-color:#dc3545;color:#fff}.btn-reject:hover:not(:disabled){background-color:#c82333}.btn-reject:disabled,.btn-verify:disabled,.btn-view:disabled{cursor:not-allowed;opacity:.6}.dwr-request-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.view-modal-footer .btn-reject,.view-modal-footer .btn-verify{font-size:14px;font-weight:500;padding:10px 20px}@media (max-width:768px){.dwr-request{padding:15px}.dwr-request-filters{align-items:stretch;flex-direction:column}.view-info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.view-modal-content{width:95%}}.dwr-request-approved{padding:30px}.dwr-request-approved-header{margin-bottom:30px}.dwr-request-approved-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.dwr-request-approved-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dwr-request-approved-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.dwr-request-approved-empty,.dwr-request-approved-loading{color:#666;padding:60px 20px;text-align:center}.dwr-request-approved-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.dwr-request-approved-table{border-collapse:collapse;width:100%}.dwr-request-approved-table thead{background-color:#f8f9fa}.dwr-request-approved-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.dwr-request-approved-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:14px;padding:12px 15px}.dwr-request-approved-table tbody tr:hover{background-color:#f8f9fa}.dwr-request-approved-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}@media (max-width:768px){.dwr-request-approved{padding:15px}.dwr-request-approved-filters{align-items:stretch;flex-direction:column}.view-info-grid{grid-template-columns:1fr}.view-modal-content{width:95%}}.dwr-request-rejected{padding:30px}.dwr-request-rejected-header{margin-bottom:30px}.dwr-request-rejected-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.dwr-request-rejected-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dwr-request-rejected-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.dwr-request-rejected-empty,.dwr-request-rejected-loading{color:#666;padding:60px 20px;text-align:center}.dwr-request-rejected-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.dwr-request-rejected-table{border-collapse:collapse;width:100%}.dwr-request-rejected-table thead{background-color:#f8f9fa}.dwr-request-rejected-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.dwr-request-rejected-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:14px;padding:12px 15px}.dwr-request-rejected-table tbody tr:hover{background-color:#f8f9fa}.dwr-request-rejected-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}@media (max-width:768px){.dwr-request-rejected{padding:15px}.dwr-request-rejected-filters{align-items:stretch;flex-direction:column}.view-info-grid{grid-template-columns:1fr}.view-modal-content{width:95%}}.marketing-final-list{max-width:100%;overflow-x:auto;padding:20px}.marketing-final-header{margin-bottom:30px}.marketing-final-title{background-color:#ffeb3b;border-radius:6px;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding:15px 20px;text-align:center}.marketing-final-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.supplier-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.marketing-final-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.marketing-final-error i{font-size:1.1rem}.marketing-final-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.marketing-final-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7c3aed;height:50px;margin-bottom:20px;width:50px}.marketing-final-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.entries-select:focus,.search-input:focus{border-color:#7c3aed}.search-input:focus{box-shadow:0 0 0 3px #7c3aed1a}.marketing-final-table-container{overflow-x:auto}.marketing-final-table-container,.marketing-final-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.marketing-final-table-wrapper{padding:20px}.marketing-final-table{border-collapse:collapse;min-width:1800px;width:100%}.marketing-final-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.marketing-final-table th{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.marketing-final-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.marketing-final-table tbody tr:hover{background-color:#f8f9fa}.marketing-final-table tbody tr:last-child{border-bottom:none}.marketing-final-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.expand-icon{color:#7c3aed}.expand-icon:hover{color:#5b21b6}.reject-btn,.reject-btn:hover:not(:disabled){color:#fff!important}.reject-btn:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.edit-btn{background-color:#7c3aed;font-weight:700}.edit-btn:hover:not(:disabled){background-color:#6d28d9}.edit-btn i{margin-right:5px}.final-btn{background-color:#6c757d}.final-btn:hover:not(:disabled){background-color:#5a6268}.final-btn.final-active{background-color:#28a745;color:#fff}.final-btn.final-active:hover:not(:disabled){background-color:#218838}.edit-btn.disabled,.edit-btn:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed;opacity:.7}.edit-btn.disabled:hover,.edit-btn:disabled:hover{box-shadow:none;transform:none}.final-btn.final-active:disabled,.final-btn:disabled{cursor:not-allowed;opacity:.8}.final-btn.final-active:disabled{background-color:#28a745!important}.final-btn.final-active:disabled:hover,.final-btn:disabled:hover{box-shadow:none;transform:none}.expand-btn{background-color:#6c757d;color:#fff}.expand-btn:hover:not(:disabled){background-color:#5a6268}.expand-btn i{margin-right:5px}.marketing-final-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding-top:20px}.pagination-btn:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed}.pagination-btn.active{background:#7c3aed;border-color:#7c3aed}.marketing-final-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.marketing-final-empty p{color:#999;font-size:1.1rem}.products-loading-spinner,.view-loading-spinner{border-top-color:#7c3aed}@media (max-width:768px){.marketing-final-list{padding:15px}.marketing-final-title{font-size:1.2rem;padding:12px 15px}.marketing-final-table-controls{align-items:stretch;flex-direction:column}.entries-selector,.search-box,.search-input{width:100%}.marketing-final-table{font-size:.8rem}.marketing-final-table td,.marketing-final-table th{padding:8px 10px}.action-buttons-group{min-width:90px}.action-btn{font-size:.8rem;padding:6px 12px}.marketing-final-pagination{align-items:stretch;flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-products-table{font-size:.85rem;min-width:700px}.view-products-table td,.view-products-table th{padding:8px 10px}}.edit-modal-body{box-sizing:border-box;width:100%}.edit-form-grid{width:100%}@media (max-width:768px){.edit-form-grid{grid-template-columns:1fr}}.form-field{min-width:0;width:100%}.form-field label{display:block}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;min-width:0;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 3px #007bff1a}.form-field input.readonly-input,.form-field textarea.readonly-input{color:#666}.form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:35px}.product-entry-form{box-sizing:border-box;width:100%}.product-entry-form .edit-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:0}@media (max-width:1200px){.product-entry-form .edit-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-entry-form .edit-form-grid{grid-template-columns:1fr}}.delete-btn-small,.edit-btn-small{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;margin-right:5px;padding:6px 12px;transition:all .3s ease}.edit-btn-small{background-color:#007bff;color:#fff}.edit-btn-small:hover{background-color:#0056b3}.delete-btn-small{background-color:#dc3545;color:#fff}.delete-btn-small:hover{background-color:#c82333}.marketing-order-error,.marketing-order-success{align-items:center;border-radius:6px;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.marketing-order-error{background-color:#fee;border:1px solid #fcc;color:#c33}.marketing-order-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.marketing-rejected-orders{max-width:100%;overflow-x:auto;padding:20px}.marketing-rejected-orders-header{margin-bottom:30px}.marketing-rejected-orders-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.marketing-rejected-orders-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.marketing-rejected-orders-error,.marketing-rejected-orders-success{align-items:center;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.marketing-rejected-orders-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.marketing-rejected-orders-error i,.marketing-rejected-orders-success i{font-size:1.1rem}.marketing-rejected-orders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.marketing-rejected-orders-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7c3aed;height:50px;margin-bottom:20px;width:50px}.marketing-rejected-orders-loading p{color:#666;font-size:1rem}.marketing-rejected-orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden;overflow-x:auto}.marketing-rejected-orders-table{border-collapse:collapse;min-width:1000px;width:100%}.marketing-rejected-orders-table thead{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.marketing-rejected-orders-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.marketing-rejected-orders-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.marketing-rejected-orders-table tbody tr:hover{background-color:#f8fafc}.marketing-rejected-orders-table td{color:#334155;font-size:.9rem;padding:12px 16px}.status-badge{font-size:.8rem}.status-rejected{background-color:#fee2e2;color:#991b1b}.marketing-rejected-orders-empty{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.marketing-rejected-orders-empty p{color:#64748b;font-size:1.1rem;margin:0}.edit-btn,.view-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s}.view-btn{background-color:#007bff}.view-btn:hover{background-color:#0056b3}.edit-btn{background-color:#28a745}.edit-btn:hover{background-color:#218838}.edit-modal-overlay{background-color:#00000080;z-index:1000}.edit-modal-content{box-shadow:0 10px 25px #0003;max-width:1200px;overflow-y:auto}.edit-modal-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-bottom:2px solid #e2e8f0}.modal-close-btn{color:#fff}.modal-close-btn:hover{background-color:#fff3}.edit-section{border-bottom:1px solid #e2e8f0;padding-bottom:20px}.edit-section:last-child{border-bottom:none}.edit-section h3{border-bottom:2px solid #7c3aed;color:#1e293b;font-size:1.3rem}.edit-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-field label{color:#334155}.form-field input,.form-field select,.form-field textarea{border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.readonly-input{background-color:#f1f5f9;cursor:not-allowed}.view-detail-row{background:#f8fafc;border-radius:6px;padding:15px}.view-detail-item label{color:#64748b}.view-detail-item span{color:#1e293b}.view-detail-grid{grid-gap:20px;background:#f8fafc;border-radius:6px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.products-table{border-radius:6px;overflow:hidden}.products-table thead{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.products-table tbody tr{border-bottom:1px solid #e2e8f0}.products-table tbody tr:hover{background-color:#f8fafc}.products-table td{padding:12px}.delete-product-btn,.edit-product-btn{padding:6px 10px;transition:all .2s}.product-entry-form{background:#f8fafc}.add-btn,.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.add-btn,.save-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.add-btn:hover,.save-btn:hover{box-shadow:0 4px 8px #7c3aed4d;opacity:.9;transform:translateY(-1px)}.edit-modal-footer{background:#f8fafc;border-top:2px solid #e2e8f0}.buyer-search-container,.factory-record-search-container{position:relative}.buyer-dropdown,.factory-record-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.buyer-dropdown div,.factory-record-dropdown div{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px;transition:background-color .2s}.buyer-dropdown div:hover,.factory-record-dropdown div:hover{background-color:#f5f5f5}@media (max-width:768px){.edit-form-grid{grid-template-columns:1fr}.view-detail-row{flex-wrap:wrap}.marketing-rejected-orders-table{font-size:.85rem}.marketing-rejected-orders-table td,.marketing-rejected-orders-table th{padding:8px}}.sample-dispatch-register{background-color:#f5f5f5;min-height:100vh;padding:20px}.sample-dispatch-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.sample-dispatch-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.add-consignee-link{color:#fff;font-size:.9rem;font-weight:500;text-decoration:underline;transition:opacity .2s}.add-consignee-link:hover{opacity:.8}.sample-dispatch-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.sample-dispatch-error{background-color:#fee2e2;color:#991b1b}.sample-dispatch-error,.sample-dispatch-success{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.sample-dispatch-success{background-color:#d1fae5;color:#065f46}.sample-dispatch-form{display:flex;flex-direction:column;gap:25px}.form-control:disabled{background-color:#f3f4f6;cursor:not-allowed}textarea.form-control{min-height:80px;resize:vertical}.product-entry-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.product-entry-section h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px}.product-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.add-product-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.add-product-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.product-list-section{border-top:2px solid #e9ecef;margin-top:30px;padding-top:30px}.product-list-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.product-list-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-list-table th{letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.product-list-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:12px 16px}.product-list-table tbody tr:last-child td{border-bottom:none}.edit-product-btn{background-color:#3b82f6;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.edit-product-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.edit-product-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-edit-btn{align-items:center;background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.cancel-edit-btn:hover{background-color:#4b5563;box-shadow:0 2px 4px #6b72804d;transform:translateY(-1px)}.product-id-badge{color:#667eea;font-size:.85rem;font-weight:600;margin-left:5px}.remarks-section{border-top:2px solid #e9ecef;margin-top:30px;padding-top:30px}.save-details-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .2s}.save-details-btn:hover:not(:disabled){box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.save-details-btn:disabled{cursor:not-allowed;opacity:.6}.sample-dispatch-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.sample-dispatch-footer p{margin:0}@media (max-width:768px){.form-grid,.product-form-grid{grid-template-columns:1fr}.sample-dispatch-header{align-items:flex-start;flex-direction:column;gap:10px}.product-list-table{font-size:.85rem}.product-list-table td,.product-list-table th{padding:8px 12px}}.pending-sample-dispatch{background-color:#f5f5f5;min-height:100vh;padding:20px}.pending-sample-dispatch-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px 20px}.pending-sample-dispatch-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.pending-sample-dispatch-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.pending-sample-dispatch-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pending-sample-dispatch-table-container{overflow-x:auto}.pending-sample-dispatch-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.pending-sample-dispatch-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pending-sample-dispatch-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.pending-sample-dispatch-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:12px 16px}.pending-sample-dispatch-table tbody tr:hover{background-color:#f8f9fa}.pending-sample-dispatch-table tbody tr:last-child td{border-bottom:none}.batch-type-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.batch-type-lab{background-color:#dbeafe;color:#1e40af}.batch-type-comercial{background-color:#fef3c7;color:#92400e}.batch-type-ws{background-color:#d1fae5;color:#065f46}.dispatch-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:15px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#667eea;font-size:.9rem;font-weight:600}.detail-item span{color:#333;font-size:.95rem}.select-all-checkbox,.select-all-controls{align-items:center;display:flex}.select-all-checkbox{color:#333;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.dispatch-actions{align-items:center;border-top:2px solid #e9ecef;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.dispatch-selected-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s}.dispatch-selected-btn:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.dispatch-selected-btn:disabled{cursor:not-allowed;opacity:.6}.selected-count{color:#667eea;font-size:.9rem;font-weight:600}.batch-number-generating{color:#999;font-size:.85rem;font-style:italic}.batch-type-info{color:#666;font-size:.9rem;margin:8px 0 0}.dispatched-check-icon{align-items:center;color:#10b981;display:flex;font-size:1.2rem;justify-content:center}.dispatch-status-badge.pending-main{background-color:#fef3c7;color:#92400e}.dispatch-single-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.dispatch-single-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.dispatch-single-btn:disabled{cursor:not-allowed;opacity:.6}.dispatch-single-btn i{font-size:.8rem}.dispatched-action{align-items:center;color:#10b981;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.pending-sample-dispatch-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.pending-sample-dispatch-footer p{margin:0}.edit-btn,.finalize-btn,.view-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s}.edit-btn{background-color:#f59e0b}.edit-btn:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px)}.edit-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.finalize-btn{background-color:#10b981;color:#fff}.finalize-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.finalize-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.finalize-btn.finalized{background-color:#6b7280;cursor:default}.final-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.final-status-badge.finalized{background-color:#d1fae5;color:#065f46}.final-status-badge.not-finalized{background-color:#e5e7eb;color:#6b7280}.finalized-row{background-color:#f0fdf4!important}.finalized-row:hover{background-color:#dcfce7!important}.edit-modal-content{max-width:1000px}.edit-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-modal-header h2{font-size:1.4rem}.edit-modal-header .modal-close-btn{color:#fff}.edit-modal-header .modal-close-btn:hover{background:#fff3}.edit-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.edit-form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.edit-form-group{display:flex;flex-direction:column;gap:8px}.edit-form-group.full-width{grid-column:1/-1}.edit-form-group label{color:#333;font-size:.9rem;font-weight:600}.edit-form-group input,.edit-form-group select,.edit-form-group textarea{border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.edit-form-group input:focus,.edit-form-group select:focus,.edit-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.edit-form-group textarea{min-height:60px;resize:vertical}.edit-products-section{margin-top:20px}.edit-products-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.edit-products-table-container{overflow-x:auto}.edit-products-table{border-collapse:collapse;min-width:800px;width:100%}.edit-products-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.edit-products-table th{color:#333;font-size:.85rem;font-weight:600;padding:12px 10px;text-align:left;white-space:nowrap}.edit-products-table tbody tr{border-bottom:1px solid #e9ecef}.edit-products-table tbody tr:hover{background-color:#f8f9fa}.edit-products-table td{padding:10px;vertical-align:middle}.edit-products-table input,.edit-products-table select{border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:8px 10px;width:100%}.edit-products-table input:focus,.edit-products-table select:focus{border-color:#667eea;outline:none}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.cancel-btn{background-color:#e5e7eb;color:#374151}.cancel-btn:hover:not(:disabled){background-color:#d1d5db}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.save-btn:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.dispatch-details-grid{grid-template-columns:1fr}.pending-sample-dispatch-table{font-size:.85rem}.pending-sample-dispatch-table td,.pending-sample-dispatch-table th{padding:8px 12px}.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-products-table{font-size:.85rem;min-width:700px}.view-products-table td,.view-products-table th{padding:8px 10px}.action-buttons{flex-wrap:wrap}.edit-form-grid{grid-template-columns:1fr}.edit-modal-content{max-width:100%}}.sample-dispatch-report{background-color:#f5f5f5;min-height:100vh;padding:20px}.sample-dispatch-report-header{margin-bottom:20px}.sample-dispatch-report-title{color:#333;font-size:24px;font-weight:600;margin:0}.sample-dispatch-report-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.sample-dispatch-report-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.sample-dispatch-report-error{align-items:center;background-color:#fee;border-radius:4px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.sample-dispatch-report-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.sample-dispatch-report-table-controls{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.entries-select{background-color:#fff;padding:6px 12px}.search-box label{font-size:14px}.search-input{padding:6px 12px}.sample-dispatch-report-table-container{overflow-x:auto}.sample-dispatch-report-table{border-collapse:collapse;width:100%}.sample-dispatch-report-table thead{background-color:#f8f9fa}.sample-dispatch-report-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.sample-dispatch-report-table td{border-bottom:1px solid #e0e0e0;color:#555;font-size:14px;padding:12px}.sample-dispatch-report-table tbody tr:hover{background-color:#f8f9fa}.sample-dispatch-report-table tbody tr.accepted-row{background-color:#e8f5e9}.sample-dispatch-report-table tbody tr.accepted-row:hover{background-color:#c8e6c9}.status-badge.yes-badge{background-color:#d4edda;color:#155724}.status-badge.no-badge{background-color:#f8d7da;color:#721c24}.accept-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background-color .2s}.accept-btn:hover:not(:disabled){background-color:#218838}.accept-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.accepted-badge{background-color:#d4edda;border-radius:12px;color:#155724;font-size:12px;padding:4px 10px}.accepted-badge,.complete-btn{align-items:center;display:inline-flex;font-weight:500;gap:6px}.complete-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px;transition:background-color .2s}.complete-btn:hover{background-color:#138496}.sample-dispatch-report-pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.pagination-controls{display:flex;gap:8px}.pagination-btn{background-color:#fff;padding:6px 12px}.pagination-btn:hover:not(:disabled){border-color:#adb5bd}.pagination-btn.active{background-color:#007bff}.sample-dispatch-report-empty{color:#666;font-size:16px;padding:40px;text-align:center}.sample-dispatch-complete{background-color:#f5f5f5;min-height:100vh;padding:20px}.sample-dispatch-complete-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.sample-dispatch-complete-title{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.sample-dispatch-complete-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.sample-dispatch-complete-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.sample-dispatch-complete-error{background-color:#fee2e2;color:#991b1b}.sample-dispatch-complete-error,.sample-dispatch-complete-success{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.sample-dispatch-complete-success{background-color:#d1fae5;color:#065f46}.sample-dispatch-complete-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.sample-dispatch-complete-form{display:flex;flex-direction:column;gap:25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{gap:8px}.form-control{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control:read-only{background-color:#f5f5f5;cursor:not-allowed}.product-list-section{margin-top:20px}.product-list-table{border-collapse:collapse;margin-top:10px;width:100%}.product-list-table thead{background-color:#f8f9fa}.product-list-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.product-list-table td{border-bottom:1px solid #e0e0e0;font-size:.9rem;padding:12px}.product-list-table tbody tr:hover{background-color:#f8f9fa}.product-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;padding:8px 12px;width:100%}.product-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.images-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.images-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px}.images-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.image-display-box{align-items:center;background-color:#fafafa;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:20px}.display-image{border-radius:4px;max-height:400px;max-width:100%;object-fit:contain}.image-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px;justify-content:center}.image-placeholder i{color:#ccc;font-size:48px}.image-placeholder p{font-size:14px;margin:0}.actions-section{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-start;margin-top:20px;padding-top:20px}.final-update-btn,.update-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.final-update-btn:hover:not(:disabled),.update-btn:hover:not(:disabled){background-color:#0056b3}.final-update-btn:disabled,.update-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.sample-dispatch-complete-footer{color:#666;font-size:.9rem;padding:20px;text-align:center}.sample-dispatch-complete-footer p{margin:0}.qc-dashboard-container{margin:0 auto;max-width:1400px;padding:20px}.qc-dashboard-header{margin-bottom:30px}.qc-dashboard-header h2{color:#333;font-size:1.8rem;margin:0 0 5px}.qc-dashboard-header p{color:#666;font-size:.95rem;margin:0}.qc-dashboard-controls{margin-bottom:20px}.badge-secondary{background-color:#e9ecef;color:#495057}.action-buttons{gap:5px}.form-row{grid-gap:15px;gap:15px;margin-bottom:15px}.form-row-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.form-row-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.form-row-4{grid-template-columns:1fr}}.form-group label{color:#666;margin-bottom:5px}.form-group input,.form-group select{border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px #007bff40}.view-order-details{margin-bottom:20px}.production-stock-release{background-color:#f5f5f5;max-width:100%;min-height:100vh;overflow-x:auto;padding:20px}.production-stock-release-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.production-stock-release-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.production-stock-release-header p{color:#666;font-size:.95rem;margin:0}.production-stock-release-error{align-items:center;background-color:#f8d7da;border-radius:6px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-stock-release-error i{font-size:1.1rem}.production-stock-release-success{align-items:center;background-color:#d4edda;border-radius:6px;color:#155724;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-stock-release-success i{font-size:1.1rem}.production-stock-release-selector{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.production-stock-release-selector-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.production-stock-release-selector-header label{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:8px;white-space:nowrap}.production-stock-release-selector-header label i{color:#007bff;font-size:1.1rem}.production-stock-release-product-select{background:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;min-width:300px;padding:12px 16px;transition:all .2s}.production-stock-release-product-select:hover{border-color:#007bff}.production-stock-release-product-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.production-stock-release-loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.production-stock-release-loading i{color:#007bff;font-size:2.5rem;margin-bottom:16px}.production-stock-release-loading p{color:#666;font-size:1rem}.production-stock-release-no-data{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.production-stock-release-no-data i{color:#ccc;font-size:3rem;margin-bottom:16px}.production-stock-release-no-data p{color:#666;font-size:1rem}.production-stock-release-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.production-stock-release-table{border-collapse:collapse;width:100%}.production-stock-release-table thead{background-color:#f8f9fa}.production-stock-release-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.production-stock-release-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.production-stock-release-table tbody tr:hover{background-color:#f8f9fa}.production-stock-release-table td{color:#555;font-size:.9rem;padding:12px 16px}.production-stock-release-product-row{cursor:pointer}.production-stock-release-expand-icon{color:#007bff;cursor:pointer;font-size:.9rem;text-align:center;transition:transform .2s;width:40px}.production-stock-release-expand-icon:hover{transform:scale(1.2)}.production-stock-release-expanded-content{background-color:#f8f9fa;padding:0!important}.production-stock-release-entries-list{padding:16px}.production-stock-release-nested-table{border-collapse:collapse;width:100%}.production-stock-release-nested-table thead{background-color:#e9ecef}.production-stock-release-nested-table th{border-bottom:1px solid #dee2e6;color:#333;font-size:.85rem;font-weight:600;padding:10px 12px;text-align:left}.production-stock-release-nested-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:.85rem;padding:10px 12px}.production-stock-release-nested-table tbody tr:hover{background-color:#f1f3f5}.production-stock-release-select-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.production-stock-release-select-btn:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.production-stock-release-select-btn i{font-size:.8rem}.production-stock-release-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:uppercase}.production-stock-release-type-badge.type-original{background-color:#e3f2fd;color:#1976d2}.production-stock-release-type-badge.type-adjustment{background-color:#fff3e0;color:#f57c00}.production-stock-release-type-badge.type-transfer{background-color:#f3e5f5;color:#7b1fa2}.production-stock-release-no-selection{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.production-stock-release-no-selection i{color:#ccc;font-size:3rem;margin-bottom:16px}.production-stock-release-no-selection p{color:#666;font-size:1rem;text-align:center}.production-stock-release-product-detail{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:0;padding:20px}.production-stock-release-product-detail-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:16px}.production-stock-release-product-detail-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 8px}.production-stock-release-product-detail-header p{color:#666;font-size:.95rem;margin:0}.production-stock-release-request-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.production-stock-release-request-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.production-stock-release-request-btn:disabled{cursor:not-allowed;opacity:.6}.production-stock-release-request-btn i{font-size:.8rem}.production-stock-release-request-sent-badge{align-items:center;background-color:#d4edda;border-radius:12px;color:#155724;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px}.production-stock-release-request-sent-badge i{font-size:.7rem}.production-stock-release-request-pending-badge{align-items:center;background-color:#fff3cd;border-radius:12px;color:#856404;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px}.production-stock-release-request-pending-badge i{font-size:.7rem}.production-stock-release-released-badge{align-items:center;background-color:#d4edda;border-radius:12px;color:#155724;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.production-stock-release-released-badge i{color:#28a745;font-size:.7rem}.production-stock-release-release-pending-badge{align-items:center;background-color:#fff3cd;border-radius:12px;color:#856404;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px}.production-stock-release-release-pending-badge i{font-size:.7rem}.production-stock-release-action-success{align-items:center;background-color:#d4edda;border-radius:6px;color:#155724;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 12px}.production-stock-release-action-success i{color:#28a745;font-size:.9rem}.production-stock-release-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.production-stock-release-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-width:500px;width:100%}.production-stock-release-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.production-stock-release-modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.production-stock-release-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.production-stock-release-modal-close:hover{background-color:#f8f9fa;color:#333}.production-stock-release-modal-content{flex:1 1;padding:20px}.production-stock-release-modal-info{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:20px;padding:16px}.production-stock-release-modal-info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.production-stock-release-modal-info-item:last-child{border-bottom:none}.production-stock-release-modal-info-item label{color:#555;font-size:.9rem;font-weight:600}.production-stock-release-modal-info-item span{color:#333;font-size:.9rem}.production-stock-release-modal-info-item span strong{color:#007bff;font-size:1rem}.production-stock-release-modal-form-group{display:flex;flex-direction:column;gap:8px}.production-stock-release-modal-form-group label{color:#333;font-size:.95rem;font-weight:600}.production-stock-release-modal-form-group input{background-color:#fff;border:2px solid #ddd;border-radius:6px;color:#333;font-size:1rem;padding:12px 16px;transition:all .2s}.production-stock-release-modal-form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.production-stock-release-modal-form-group small{color:#666;font-size:.85rem;margin-top:4px}.production-stock-release-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.production-stock-release-modal-cancel-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.production-stock-release-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.production-stock-release-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.production-stock-release-modal-submit-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.production-stock-release-modal-submit-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.production-stock-release-modal-submit-btn:disabled{cursor:not-allowed;opacity:.6}.production-stock-release-modal-submit-btn i{font-size:.85rem}@media (max-width:768px){.production-stock-release-selector-header{align-items:stretch;flex-direction:column}.production-stock-release-selector-header label{margin-bottom:8px}.production-stock-release-product-select{min-width:100%;width:100%}.production-stock-release-table{font-size:.85rem}.production-stock-release-table td,.production-stock-release-table th{padding:8px 12px}.production-stock-release-modal{margin:10px;max-width:100%}}.process-start{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.process-start-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.process-start-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.process-start-header p{color:#666;font-size:.95rem;margin:0}.process-start-error{background-color:#f8d7da;color:#721c24}.process-start-error,.process-start-success{align-items:center;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.process-start-success{background-color:#d4edda;color:#155724}.process-start-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.form-section h3{color:#333;font-size:1.2rem;margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.form-row-6-columns{grid-template-columns:repeat(6,1fr)}.form-row-3-columns{grid-template-columns:repeat(3,1fr)}.form-row-5-columns{grid-template-columns:repeat(5,1fr)}.form-group label{font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group input.read-only-field{background-color:#f8f9fa;color:#495057;cursor:default;font-weight:500}.category-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.category-checkbox{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.category-checkbox:hover{background-color:#e9ecef;border-color:#007bff}.category-checkbox input[type=checkbox]{cursor:pointer;margin:0}.category-checkbox input[type=checkbox]:checked+span{color:#007bff;font-weight:600}.category-checkbox input[type=checkbox]:checked~span{color:#007bff}.form-actions{gap:12px;margin-top:20px}.form-actions-submit{border-top:2px solid #e9ecef;display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-add-product,.btn-submit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-product{background-color:#28a745;color:#fff}.btn-add-product:hover{background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.btn-submit{background-color:#007bff;color:#fff;justify-content:center;min-width:180px}.btn-submit:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.btn-submit:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.products-table-container{margin-top:16px}.products-table th{padding:12px 16px}.products-table td{border-bottom:1px solid #e9ecef;padding:12px 16px}.status-badge{padding:4px 10px}.status-badge.status-pending{background-color:#fff3cd}.status-badge.status-loaded{background-color:#d1ecf1;color:#0c5460}.status-badge.status-complete,.status-badge.status-in-progress{background-color:#d4edda;color:#155724}.btn-delete,.btn-update{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:4px;margin-right:6px;padding:6px 12px;transition:all .2s}.btn-update{background-color:#ffc107;color:#000}.btn-update:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@media (max-width:768px){.process-start{padding:12px}.form-row,.form-row-3-columns,.form-row-5-columns,.form-row-6-columns{grid-template-columns:1fr}.category-checkboxes{flex-direction:column}.products-table{font-size:.85rem}.products-table td,.products-table th{padding:8px 12px}.form-actions-submit{justify-content:stretch}.btn-submit{width:100%}}.process-plant-list{background-color:#f5f5f5;max-width:100%;min-height:100vh;overflow-x:auto;padding:20px}.process-plant-list-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.process-plant-list-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.process-plant-list-header p{color:#666;font-size:.95rem;margin:0}.process-plant-list-error{align-items:center;background-color:#f8d7da;border-radius:6px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.process-plant-list-error i{font-size:1.1rem}.process-plant-list-loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.process-plant-list-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.process-plant-list-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.process-plant-list-table{border-collapse:collapse;width:100%}.process-plant-list-table thead{background-color:#f8f9fa}.process-plant-list-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.9rem;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.process-plant-list-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.process-plant-list-table tbody tr:hover{background-color:#f8f9fa}.process-plant-list-table td{color:#555;font-size:.9rem;padding:12px 16px}.process-plant-list-view-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;height:36px;justify-content:center;padding:8px 12px;transition:all .2s;width:36px}.process-plant-list-view-btn:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.process-plant-list-view-btn i{font-size:.9rem}.process-plant-list-status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:uppercase}.process-plant-list-status-badge.status-complete{background-color:#d4edda;color:#155724}.process-plant-list-status-badge.status-pending{background-color:#fff3cd;color:#856404}.process-plant-list-status-badge.status-loaded{background-color:#d1ecf1;color:#0c5460}.process-plant-list-status-badge.status-default{background-color:#e2e3e5;color:#383d41}.process-plant-list-products-count{color:#007bff;font-weight:500}.process-plant-list-categories{display:flex;flex-wrap:wrap;gap:4px}.process-plant-list-category-badge{background-color:#e3f2fd;border-radius:10px;color:#1976d2;display:inline-block;font-size:.7rem;padding:2px 8px;white-space:nowrap}.process-plant-list-empty{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.process-plant-list-empty i{color:#ccc;font-size:3rem;margin-bottom:16px}.process-plant-list-empty p{color:#666;font-size:1rem}.process-plant-list-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.process-plant-list-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.process-plant-list-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.process-plant-list-modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.process-plant-list-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.process-plant-list-modal-close:hover{background-color:#f8f9fa;color:#333}.process-plant-list-modal-content{flex:1 1;overflow-y:auto;padding:20px}.process-plant-list-modal-section{margin-bottom:24px}.process-plant-list-modal-section:last-child{margin-bottom:0}.process-plant-list-modal-section h4{border-bottom:2px solid #e9ecef;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.process-plant-list-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.process-plant-list-modal-field{display:flex;flex-direction:column;gap:4px}.process-plant-list-modal-field label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.process-plant-list-modal-field span{color:#333;font-size:.95rem}.process-plant-list-modal-field-full{grid-column:1/-1}.process-plant-list-modal-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:16px 20px}.process-plant-list-modal-close-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.process-plant-list-modal-close-btn:hover{background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.process-plant-list-update-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;height:36px;justify-content:center;padding:8px 12px;transition:all .2s;width:36px}.process-plant-list-update-btn:hover{background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.process-plant-list-update-btn i{font-size:.9rem}.process-plant-list-input,.process-plant-list-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.process-plant-list-input:focus,.process-plant-list-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.process-plant-list-remaining-qty{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-size:.95rem;font-weight:600;padding:10px 12px}.process-plant-list-modal-cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:10px;padding:10px 20px;transition:all .2s}.process-plant-list-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.process-plant-list-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.process-plant-list-modal-save-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.process-plant-list-modal-save-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.process-plant-list-modal-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.process-plant-list{padding:15px}.process-plant-list-table{font-size:.85rem}.process-plant-list-table td,.process-plant-list-table th{padding:8px 12px}}.paste-container{background-color:#f5f5f5;max-width:100%;min-height:100vh;overflow-x:auto;padding:20px}.paste-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.paste-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.paste-error{background-color:#f8d7da;color:#721c24}.paste-error,.paste-success{align-items:center;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.paste-success{background-color:#d4edda;color:#155724}.paste-form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.paste-form-section h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px}.paste-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.paste-form-group{display:flex;flex-direction:column;gap:6px}.paste-form-group label{color:#555;font-size:.9rem;font-weight:600}.paste-form-group input,.paste-form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.paste-form-group input:focus,.paste-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.paste-form-actions{display:flex;justify-content:flex-start;margin-top:20px}.paste-save-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.paste-save-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.paste-save-btn:disabled{cursor:not-allowed;opacity:.6}.paste-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.paste-table-header{display:flex;justify-content:flex-end;margin-bottom:16px}.paste-search{align-items:center;display:flex;gap:8px}.paste-search label{color:#555;font-weight:600}.paste-search input{border:1px solid #ced4da;border-radius:6px;font-size:.9rem;min-width:250px;padding:8px 12px}.paste-search input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.paste-loading{color:#666;padding:40px;text-align:center}.paste-table{border-collapse:collapse;font-size:.9rem;width:100%}.paste-table thead{background-color:#f8f9fa}.paste-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.paste-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.paste-table tbody tr:hover{background-color:#f8f9fa}.paste-table td{color:#555;padding:10px 8px}.paste-empty{color:#999;padding:40px;text-align:center}.paste-complete-btn,.paste-edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:all .2s}.paste-edit-btn{background-color:#007bff;color:#fff}.paste-edit-btn:hover{background-color:#0056b3}.paste-complete-btn{background-color:#28a745;color:#fff}.paste-complete-btn:hover{background-color:#218838}.paste-delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:all .2s}.paste-delete-btn:hover:not(:disabled){background-color:#c82333}.paste-delete-btn:disabled{cursor:not-allowed;opacity:.6}.paste-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.paste-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.paste-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.paste-modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.paste-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.paste-modal-close:hover{background-color:#f8f9fa;color:#333}.paste-modal-content{flex:1 1;overflow-y:auto;padding:20px}.paste-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.paste-modal-cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.paste-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.paste-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.paste-modal-save-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.paste-modal-save-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.paste-modal-save-btn:disabled{cursor:not-allowed;opacity:.6}.paste-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.paste-pagination-info{color:#666;font-size:.9rem}.paste-pagination-controls{display:flex;gap:8px}.paste-pagination-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.paste-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.paste-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.paste-pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}@media (max-width:768px){.paste-form-grid{grid-template-columns:1fr}.paste-table{font-size:.8rem}.paste-table td,.paste-table th{padding:8px 4px}.paste-pagination{align-items:flex-start;flex-direction:column;gap:12px}}.drying-container{background-color:#f5f5f5;max-width:100%;min-height:100vh;overflow-x:auto;padding:20px}.drying-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.drying-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.drying-error{background-color:#f8d7da;color:#721c24}.drying-error,.drying-success{align-items:center;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.drying-success{background-color:#d4edda;color:#155724}.drying-form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.drying-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.drying-form-group{display:flex;flex-direction:column;gap:6px}.drying-form-group label{color:#555;font-size:.9rem;font-weight:600}.drying-form-group input,.drying-form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.drying-form-group input:focus,.drying-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.drying-form-actions{display:flex;justify-content:flex-start;margin-top:20px}.drying-save-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.drying-save-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.drying-save-btn:disabled{cursor:not-allowed;opacity:.6}.drying-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.drying-table-header{display:flex;justify-content:flex-end;margin-bottom:16px}.drying-search{align-items:center;display:flex;gap:8px}.drying-search label{color:#555;font-weight:600}.drying-search input{border:1px solid #ced4da;border-radius:6px;font-size:.9rem;min-width:250px;padding:8px 12px}.drying-search input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.drying-loading{color:#666;padding:40px;text-align:center}.drying-table{border-collapse:collapse;font-size:.9rem;width:100%}.drying-table thead{background-color:#f8f9fa}.drying-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.drying-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.drying-table tbody tr:hover{background-color:#f8f9fa}.drying-table td{color:#555;padding:10px 8px}.drying-empty{color:#999;padding:40px;text-align:center}.drying-delete-btn,.drying-edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:all .2s}.drying-edit-btn{background-color:#007bff;color:#fff}.drying-edit-btn:hover{background-color:#0056b3}.drying-delete-btn{background-color:#dc3545;color:#fff}.drying-delete-btn:hover:not(:disabled){background-color:#c82333}.drying-delete-btn:disabled{cursor:not-allowed;opacity:.6}.drying-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.drying-pagination-info{color:#666;font-size:.9rem}.drying-pagination-controls{display:flex;gap:8px}.drying-pagination-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.drying-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.drying-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.drying-pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.drying-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.drying-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.drying-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.drying-modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.drying-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.drying-modal-close:hover{background-color:#f8f9fa;color:#333}.drying-modal-content{flex:1 1;overflow-y:auto;padding:20px}.drying-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.drying-modal-cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.drying-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.drying-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.drying-modal-save-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.drying-modal-save-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.drying-modal-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.drying-form-grid{grid-template-columns:1fr}.drying-table{font-size:.8rem}.drying-table td,.drying-table th{padding:8px 4px}.drying-pagination{align-items:flex-start;flex-direction:column;gap:12px}}.production-complete-container{background-color:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.production-complete-header{margin-bottom:30px}.production-complete-header h2{color:#333;font-size:1.8rem;margin-bottom:5px}.production-complete-header p{color:#666;font-size:.95rem}.production-complete-error{background-color:#f8d7da;color:#721c24}.production-complete-error,.production-complete-success{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-complete-success{background-color:#d4edda;color:#155724}.production-complete-table-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;margin-top:20px;padding:24px}.production-complete-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.production-complete-search{align-items:center;display:flex;gap:10px}.production-complete-search label{color:#333;font-weight:500}.production-complete-search input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:300px;padding:8px 12px}.production-complete-search input:focus{border-color:#007bff;outline:none}.production-complete-loading{color:#666;padding:40px;text-align:center}.production-complete-table{border-collapse:initial;border-spacing:0;font-size:.9rem;margin-bottom:20px;width:100%}.production-complete-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.production-complete-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.production-complete-table th:first-child{border-top-left-radius:8px}.production-complete-table th:last-child{border-top-right-radius:8px}.production-complete-table td{background-color:#fff;border-bottom:1px solid #e9ecef;color:#495057;padding:14px 12px;transition:background-color .2s ease}.production-complete-table tbody tr{transition:all .2s ease}.production-complete-table tbody tr:hover{background-color:#f8f9ff;box-shadow:0 2px 8px #667eea1a;transform:scale(1.001)}.production-complete-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.production-complete-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.production-complete-empty{color:#999;font-style:italic;padding:40px;text-align:center}.production-complete-pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.production-complete-pagination-info{color:#666;font-size:.9rem}.production-complete-pagination-controls{display:flex;gap:8px}.production-complete-pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.production-complete-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.production-complete-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.production-complete-pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.production-complete-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.production-complete-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.production-complete-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e9ecef;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:24px 28px}.production-complete-modal-header h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.production-complete-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.production-complete-modal-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.production-complete-modal-content{background:linear-gradient(180deg,#fff 0,#f8f9ff);padding:28px}.production-complete-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.production-complete-form-group{display:flex;flex-direction:column}.production-complete-form-group label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:8px}.production-complete-form-group span{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;color:#495057;font-size:.95rem;font-weight:500;padding:10px 14px}.production-complete-form-group input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px}.production-complete-form-group input:focus{border-color:#007bff;outline:none}.production-complete-modal-footer{background-color:#f8f9fa;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:2px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.production-complete-modal-cancel-btn,.production-complete-modal-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.production-complete-modal-cancel-btn{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 8px #6c757d33;color:#fff;font-weight:500;padding:12px 24px}.production-complete-modal-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.production-complete-modal-save-btn{background-color:#007bff;color:#fff}.production-complete-modal-save-btn:hover:not(:disabled){background-color:#0056b3}.production-complete-modal-cancel-btn:disabled,.production-complete-modal-save-btn:disabled{cursor:not-allowed;opacity:.6}.production-complete-release-btn{transition:all .2s}.production-complete-release-btn:hover{opacity:.9;transform:translateY(-1px)}.store-release-btn{overflow:hidden;position:relative}.store-release-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.store-release-btn:hover:before{height:300px;width:300px}.store-release-btn:active{transform:translateY(0) scale(.98)}.production-complete-table td span{border-radius:6px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:6px 12px}.production-complete-table td input[type=text]{transition:all .2s ease}.production-complete-table td input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.production-complete-release-btn{box-shadow:0 2px 4px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.production-complete-release-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.production-complete-container{padding:12px}.production-complete-table{-webkit-overflow-scrolling:touch;display:block;font-size:.8rem;overflow-x:auto}.production-complete-table thead{display:none}.production-complete-table tbody tr{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:block;margin-bottom:15px;padding:10px}.production-complete-table td{border:none;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px}.production-complete-table td:before{color:#667eea;content:attr(data-label);font-weight:600;margin-right:10px}.production-complete-pagination{flex-direction:column;gap:15px}.production-complete-form-grid{grid-template-columns:1fr}.production-complete-modal{margin:10px;width:95%}.store-release-btn{margin-bottom:10px;min-width:100%;width:100%}}.production-report-container{background-color:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.production-report-header{margin-bottom:30px}.production-report-header h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:5px}.production-report-header p{color:#666;font-size:.95rem}.production-report-error{background-color:#f8d7da;color:#721c24}.production-report-error,.production-report-success{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-report-success{background-color:#d4edda;color:#155724}.production-report-table-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;padding:24px}.production-report-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.production-report-search{align-items:center;display:flex;gap:10px}.production-report-search label{color:#333;font-weight:500}.production-report-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:350px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.production-report-search input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.production-report-loading{color:#666;font-size:1rem;padding:40px;text-align:center}.production-report-table{background:#fff;border-collapse:collapse;margin-bottom:20px;width:100%}.production-report-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.production-report-table th{border-bottom:2px solid #fff3;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.production-report-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:.9rem;padding:12px}.production-report-table tbody tr{transition:background-color .2s}.production-report-table tbody tr:hover{background-color:#f8f9fa}.production-report-empty{color:#999;font-size:1rem;font-style:italic;padding:40px;text-align:center}.production-report-pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding-top:20px}.production-report-pagination-info{color:#666;font-size:.9rem}.production-report-pagination-controls{display:flex;flex-wrap:wrap;gap:8px}.production-report-pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s}.production-report-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px #007bff33;transform:translateY(-1px)}.production-report-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.production-report-pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}@media (max-width:768px){.production-report-container{padding:15px}.production-report-table{font-size:.85rem}.production-report-table td,.production-report-table th{padding:8px}.production-report-table-header{align-items:stretch;flex-direction:column}.production-report-search input{min-width:100%}.production-report-pagination{align-items:stretch;flex-direction:column}.production-report-pagination-controls{justify-content:center}}.oil-container{margin:0 auto;max-width:1400px;padding:20px}.oil-header{margin-bottom:30px}.oil-header h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:5px}.oil-error{background-color:#f8d7da;color:#721c24}.oil-error,.oil-success{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.oil-success{background-color:#d4edda;color:#155724}.oil-form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.oil-form-section h3{color:#333;font-size:1.3rem;margin-bottom:20px}.oil-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.oil-form-group{display:flex;flex-direction:column}.oil-form-group label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:8px}.oil-form-group input,.oil-form-group select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px 12px;transition:border-color .2s}.oil-form-group input:focus,.oil-form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.oil-form-actions{display:flex;justify-content:flex-end;margin-top:20px}.oil-save-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 30px;transition:all .2s}.oil-save-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.oil-save-btn:disabled{cursor:not-allowed;opacity:.6}.oil-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.oil-table-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.oil-search,.oil-table-header{align-items:center;display:flex}.oil-search{gap:10px}.oil-search label{color:#333;font-weight:500}.oil-search input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:300px;padding:8px 12px}.oil-search input:focus{border-color:#007bff;outline:none}.oil-entries-per-page{align-items:center;display:flex;gap:8px}.oil-entries-per-page label{color:#333;font-size:.9rem;font-weight:500}.oil-entries-per-page select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:6px 10px}.oil-loading{color:#666;padding:40px;text-align:center}.oil-table{border-collapse:collapse;margin-bottom:20px;width:100%}.oil-table thead{background-color:#f8f9fa}.oil-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;text-align:left}.oil-table td,.oil-table th{font-size:.9rem;padding:12px}.oil-table td{border-bottom:1px solid #dee2e6;color:#555}.oil-table tbody tr:hover{background-color:#f8f9fa}.oil-empty{color:#999;font-style:italic;padding:40px;text-align:center}.oil-delete-btn,.oil-edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;padding:6px 10px;transition:all .2s}.oil-edit-btn{background-color:#ffc107;color:#333;margin-right:5px}.oil-edit-btn:hover{background-color:#e0a800;transform:translateY(-1px)}.oil-delete-btn{background-color:#dc3545;color:#fff}.oil-delete-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.oil-delete-btn:disabled{cursor:not-allowed;opacity:.6}.oil-pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.oil-pagination-info{color:#666;font-size:.9rem}.oil-pagination-controls{display:flex;gap:8px}.oil-pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.oil-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.oil-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.oil-pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.oil-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.oil-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.oil-modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.oil-modal-header h3{color:#333;margin:0}.oil-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.oil-modal-close:hover{background-color:#f8f9fa}.oil-modal-content{padding:20px}.oil-modal-footer{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:20px}.oil-modal-cancel-btn,.oil-modal-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.oil-modal-cancel-btn{background-color:#6c757d;color:#fff}.oil-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268}.oil-modal-save-btn{background-color:#007bff;color:#fff}.oil-modal-save-btn:hover:not(:disabled){background-color:#0056b3}.oil-modal-cancel-btn:disabled,.oil-modal-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.oil-container{padding:10px}.oil-form-grid{grid-template-columns:1fr}.oil-table{font-size:.85rem}.oil-table td,.oil-table th{padding:8px}.oil-table-header{align-items:stretch;flex-direction:column}.oil-pagination{flex-direction:column;gap:15px}.oil-modal{margin:10px;width:95%}}.pending-sample-receive{background-color:#f5f5f5;min-height:100vh;padding:20px}.pending-sample-receive-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px 20px}.pending-sample-receive-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.pending-sample-receive-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.pending-sample-receive-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pending-sample-receive-table-container{overflow-x:auto}.pending-sample-receive-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.pending-sample-receive-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pending-sample-receive-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.pending-sample-receive-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:12px 16px}.pending-sample-receive-table tbody tr:hover{background-color:#f8f9fa}.pending-sample-receive-table tbody tr:last-child td{border-bottom:none}.consignee-address{color:#64748b;font-size:.85rem}.view-btn{font-size:.9rem}.dispatched-row{background-color:#f0f9ff;opacity:.8}.dispatched-badge{background-color:#d1fae5;color:#065f46;padding:4px 12px}.dispatch-status-badge,.dispatched-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.dispatch-status-badge{padding:6px 12px}.dispatch-status-badge.dispatched-main{background-color:#d1fae5;color:#065f46}.receive-single-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.receive-single-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.receive-single-btn:disabled{cursor:not-allowed;opacity:.6}.receive-single-btn i{font-size:.8rem}.received-action{align-items:center;color:#10b981;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.pending-sample-receive-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.pending-sample-receive-footer p{margin:0}@media (max-width:768px){.pending-sample-receive-table{font-size:.85rem}.pending-sample-receive-table td,.pending-sample-receive-table th{padding:8px 12px}.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-products-table{font-size:.85rem;min-width:700px}.view-products-table td,.view-products-table th{padding:8px 10px}}.sample-received{background-color:#f5f5f5;min-height:100vh;padding:20px}.sample-received-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px 20px}.sample-received-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.sample-received-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.sample-received-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.loading-message{color:#64748b;font-size:1rem;padding:40px;text-align:center}.sample-received-table-container{overflow-x:auto}.sample-received-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.sample-received-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sample-received-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.sample-received-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:12px 16px}.sample-received-table tbody tr:hover{background-color:#f8f9fa}.sample-received-table tbody tr:last-child td{border-bottom:none}.status-badge{align-items:center;display:inline-flex;gap:6px}.status-badge.yes-badge{background-color:#d1fae5;color:#065f46}.status-badge.no-badge{background-color:#fef3c7;color:#92400e}.action-buttons{gap:6px}.docket-btn,.print-btn,.view-btn{font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.docket-btn,.docket-btn-small,.print-btn,.view-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;transition:all .2s}.docket-btn-small{background-color:#f59e0b;color:#fff;font-size:.8rem;justify-content:center;padding:4px 8px}.docket-btn-small:hover{background-color:#d97706;box-shadow:0 2px 4px #f59e0b4d;transform:translateY(-1px)}.courier-field{color:#64748b;font-style:italic}.view-btn{background-color:#667eea}.view-btn:hover{background-color:#5568d3;box-shadow:0 2px 4px #667eea4d}.print-btn{background-color:#10b981;color:#fff}.print-btn:hover{background-color:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.docket-btn{background-color:#f59e0b;color:#fff}.docket-btn:hover{background-color:#d97706;box-shadow:0 2px 4px #f59e0b4d;transform:translateY(-1px)}.view-section h3{margin-bottom:20px;padding-bottom:10px}.view-loading-spinner{border-top-color:#667eea}.view-products-table{min-width:900px}.view-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.received-row{background-color:#f0f9ff;opacity:.8}.received-badge{align-items:center;background-color:#d1fae5;color:#065f46;display:inline-flex;gap:6px}.pending-badge,.received-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 12px}.pending-badge{background-color:#fef3c7;color:#92400e;display:inline-block}.batch-number-display{background-color:#f0f4ff;border-radius:4px;color:#667eea;display:inline-block;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;padding:4px 8px}.batch-type-badge-view{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-left:8px;padding:4px 12px}.received-remark{color:#10b981;font-size:.9rem;font-weight:600}.sample-received-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.sample-received-footer p{margin:0}.docket-no{color:#667eea;font-size:.9rem;font-weight:600}.docket-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.docket-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.docket-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.docket-modal-header h2{color:#333;font-size:1.3rem;font-weight:600;margin:0}.docket-modal-body{flex:1 1;overflow-y:auto;padding:30px}.docket-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.docket-form{gap:20px;margin-bottom:30px}.docket-form,.docket-form-group{display:flex;flex-direction:column}.docket-form-group{gap:8px}.docket-form-group label{color:#333;font-size:.95rem;font-weight:600}.docket-input,.docket-select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 14px;transition:all .2s;width:100%}.docket-input:focus,.docket-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.docket-select{background-color:#fff;cursor:pointer}.docket-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.docket-close-btn,.docket-update-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.docket-close-btn{background-color:#10b981;color:#fff}.docket-close-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.docket-update-btn{background-color:#667eea;color:#fff}.docket-update-btn:hover:not(:disabled){background-color:#5568d3;box-shadow:0 2px 4px #667eea4d;transform:translateY(-1px)}.docket-close-btn:disabled,.docket-update-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.sample-received-table{font-size:.85rem}.sample-received-table td,.sample-received-table th{padding:8px 12px}.action-buttons{flex-direction:column}.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-products-table{font-size:.85rem;min-width:700px}.view-products-table td,.view-products-table th{padding:8px 10px}}.pending-dispatch{background-color:#f5f5f5;min-height:100vh;padding:20px}.pending-dispatch-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.pending-dispatch-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.pending-dispatch-controls{align-items:center;display:flex;gap:20px}.pending-dispatch-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pending-dispatch-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.pending-dispatch-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.pending-dispatch-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.pending-dispatch-table{border-collapse:collapse;font-size:.9rem;width:100%}.pending-dispatch-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.pending-dispatch-table th{border-right:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.pending-dispatch-table th:last-child{border-right:none}.pending-dispatch-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:12px 16px;vertical-align:middle}.pending-dispatch-table td:last-child{border-right:none}.pending-dispatch-table tbody tr:hover{background-color:#f8fafc}.pending-dispatch-table tbody tr.first-product-row{border-top:2px solid #cbd5e1}.loading-products{color:#64748b;padding:20px!important;text-align:center}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;margin-right:10px;width:20px}.check-actions-group{align-items:center;display:flex;gap:8px}.check-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:background-color .2s}.check-btn:hover{background-color:#2563eb}.check-btn.expanded{background-color:#059669}.check-btn.expanded:hover{background-color:#047857}.check-btn i{font-size:.8rem}.view-btn{background-color:#6b7280;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.view-btn:hover{background-color:#4b5563}.order-header-row{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.order-header-row:hover{background-color:#f1f5f9}.order-header-row.expanded{border-bottom:1px solid #e2e8f0}.collapsed-cell{color:#94a3b8;font-style:italic;text-align:center}.collapsed-text{font-size:.85rem}.empty-cell{padding:0}.pending-dispatch-table .product-column-cell,.pending-dispatch-table .product-column-header{display:none}.pending-dispatch-table:has(.order-header-row.expanded) .product-column-cell,.pending-dispatch-table:has(.order-header-row.expanded) .product-column-header{display:table-cell}.pending-dispatch-table.has-expanded .product-column-cell,.pending-dispatch-table.has-expanded .product-column-header{display:table-cell}.product-row{background-color:#fff}.product-row:hover{background-color:#f8fafc}.product-row td{border-bottom:1px solid #e2e8f0}.empty-cell{padding:8px 16px}.empty-cell,.empty-product-cell{background-color:initial;border:none}.empty-product-cell{padding:12px 16px}.dispatch-input{font-size:.85rem;min-width:100px;padding:6px 10px}.dispatch-btn{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:background-color .2s;white-space:nowrap}.dispatch-btn:hover:not(:disabled){background-color:#059669}.dispatch-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.dispatched-status{background-color:#28a745;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;white-space:nowrap}.dispatched-value{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;box-sizing:border-box;color:#333;display:inline-block;font-size:.9rem;min-height:20px;padding:6px 8px;width:100%}.view-modal-content{background-color:#fff;box-shadow:0 20px 25px -5px #0000001a}.view-modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.view-modal-header h2{color:#1e293b}.modal-close-btn{color:#64748b;padding:0;transition:background-color .2s}.modal-close-btn:hover{background-color:#f1f5f9;color:#1e293b}.view-modal-body{padding:24px}.view-modal-loading{gap:20px;min-height:200px}.view-modal-loading-spinner{border:3px solid #f3f4f6;height:40px;width:40px}.view-order-info{background-color:#f8fafc;margin-bottom:24px;padding:16px}.view-order-info-row{grid-gap:16px;gap:16px}.view-order-info-field{gap:4px}.view-order-info-field label{color:#64748b;font-weight:500}.view-order-info-field span{color:#1e293b;font-size:1rem}.view-products-section{margin-bottom:24px}.view-products-table{font-size:.9rem}.view-products-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.view-products-table th{color:#475569;padding:12px 16px}.view-products-table td{border-bottom:1px solid #e2e8f0;padding:12px 16px}.view-products-table tbody tr:hover{background-color:#f8fafc}.view-modal-empty{font-style:italic;padding:40px}.view-note-section{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin-top:24px;padding:16px}.view-note-section label{color:#92400e;font-size:.9rem}.view-note-content{color:#78350f}.view-modal-footer{border-top:1px solid #e2e8f0;padding:16px 24px}.modal-close-button{background-color:#64748b;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.modal-close-button:hover{background-color:#475569}.stock-management{background-color:#f8fafc;min-height:calc(100vh - 100px);padding:20px 30px;width:100%}.stock-management-header{margin-bottom:30px}.stock-management-header h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0}.stock-management-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.stock-management-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.stock-management-loading p{color:#666;font-size:1rem}.stock-management-selector{align-items:flex-end;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.stock-selector-group{display:flex;flex-direction:column;gap:8px;min-width:250px}.stock-selector-group label{color:#333;font-size:.95rem;font-weight:600}.stock-consignment-select,.stock-warehouse-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .3s ease}.stock-consignment-select:hover,.stock-warehouse-select:hover{border-color:#667eea}.stock-consignment-select:focus,.stock-warehouse-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.stock-consignment-select:disabled,.stock-warehouse-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.stock-management-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.stock-management-error i{font-size:1.2rem}.stock-management-empty{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.stock-management-content,.stock-management-empty{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stock-management-content{padding:20px}.stock-controls-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.stock-checkbox-label,.stock-controls-header,.stock-controls-left{align-items:center;display:flex}.stock-checkbox-label{color:#333;cursor:pointer;font-size:.95rem;gap:8px}.stock-checkbox{cursor:pointer;height:18px;width:18px}.stock-controls-center{align-items:center;display:flex}.stock-total-display{background-color:#ffeb3b;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:1.1rem;font-weight:700;padding:12px 20px}.stock-controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.stock-export-btn,.stock-print-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.stock-export-btn:hover:not(:disabled),.stock-print-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.stock-export-btn:disabled,.stock-print-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.stock-search-container{align-items:center;display:flex;gap:8px}.stock-search-container label{color:#333;font-size:.95rem;font-weight:600}.stock-search-input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;min-width:200px;padding:8px 12px;transition:all .3s ease}.stock-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.stock-table-wrapper{margin-top:20px}.stock-entries-selector{align-items:center;color:#333;display:flex;font-size:.95rem;gap:8px;margin-bottom:15px}.stock-entries-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.95rem;padding:6px 10px}.stock-entries-select:focus{border-color:#667eea;outline:none}.stock-table-container{border:1px solid #ddd;border-radius:6px;overflow-x:auto}.stock-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.stock-table thead{background-color:#f8f9fa}.stock-table th{border-bottom:2px solid #ddd;color:#333;font-size:.95rem;font-weight:600;padding:14px 16px;text-align:left}.stock-table th:first-child{text-align:center;width:50px}.stock-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.stock-table tbody tr:hover{background-color:#f8f9fa}.stock-table tbody tr:last-child td{border-bottom:none}.stock-expand-icon{color:#667eea;cursor:pointer;font-size:1rem;text-align:center;transition:all .2s ease}.stock-expand-icon:hover{color:#764ba2;transform:scale(1.1)}.stock-product-row{background-color:#fff}.stock-batch-header-row,.stock-product-row:hover{background-color:#f8f9fa}.stock-batch-header-row td{border:none!important;padding:0!important}.stock-batch-table{background-color:#fff;border-collapse:collapse;margin:0;width:100%}.stock-batch-table thead{background-color:#e9ecef}.stock-batch-table th{border-bottom:2px solid #ddd;border-top:1px solid #ddd;color:#333;font-size:.9rem;font-weight:600;padding:10px 12px;text-align:left}.stock-batch-table th:first-child{padding-left:40px}.stock-batch-table td{border-bottom:1px solid #eee;color:#555;font-size:.9rem;padding:10px 12px}.stock-batch-table td:first-child{padding-left:40px}.stock-batch-row{background-color:#fff}.stock-batch-row:hover{background-color:#f1f3f5}.stock-batch-row:last-child td{border-bottom:1px solid #ddd}.stock-pagination{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding-top:15px}.stock-pagination-info{color:#666;font-size:.95rem}.stock-pagination-controls{align-items:center;display:flex;gap:5px}.stock-pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;min-width:40px;padding:8px 12px;transition:all .3s ease}.stock-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#667eea}.stock-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.stock-pagination-btn.active{background-color:#667eea;border-color:#667eea;color:#fff}.stock-pagination-btn.active:hover{background-color:#5568d3}.stock-pagination-ellipsis{color:#666;font-size:.9rem;padding:8px 4px}@media (max-width:1024px){.stock-controls-header{align-items:flex-start;flex-direction:column}.stock-controls-right{justify-content:space-between;width:100%}}@media (max-width:768px){.stock-management{padding:15px}.stock-management-header h1{font-size:2rem}.stock-management-selector{flex-direction:column}.stock-selector-group{min-width:100%}.stock-controls-header{align-items:stretch;flex-direction:column}.stock-controls-right{flex-direction:column;width:100%}.stock-export-btn,.stock-print-btn,.stock-search-container{width:100%}.stock-search-input{flex:1 1;min-width:auto}.stock-pagination{align-items:stretch;flex-direction:column}.stock-pagination-controls{flex-wrap:wrap;justify-content:center}.stock-table-container{font-size:.9rem}.stock-table td,.stock-table th{padding:10px 12px}}@media (max-width:480px){.stock-management-header h1{font-size:1.5rem}.stock-total-display{font-size:1rem;padding:10px 15px}.stock-export-btn,.stock-print-btn{font-size:.85rem;padding:8px 15px}}.store-management-entry{background-color:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);padding:20px 30px}.store-entry-header{margin-bottom:30px}.store-entry-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.store-entry-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.store-entry-error,.store-entry-success{align-items:center;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.store-entry-success{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3}.store-entry-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-row{gap:20px;margin-bottom:20px}.form-group{flex-basis:calc(33.333% - 14px);min-width:250px}.form-group label{font-size:.95rem;margin-bottom:8px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border-radius:6px;font-size:1rem;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #eee;justify-content:flex-end;margin-top:30px;padding-top:20px}.save-btn{font-size:1.1rem}.approved-rejected-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.toggle-list-btn{align-items:center;background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.toggle-list-btn:hover{background-color:#5568d3;box-shadow:0 2px 4px #667eea4d;transform:translateY(-1px)}.entries-list-container{margin-top:20px}.entries-empty,.entries-loading{color:#666;padding:40px 20px;text-align:center}.entries-table-container{overflow-x:auto}.entries-table{border-collapse:collapse;min-width:1000px;width:100%}.entries-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.entries-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.entries-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.entries-table tbody tr:hover{background-color:#f8f9fa}.entries-table tbody tr:last-child{border-bottom:none}.entries-table td{color:#555;font-size:.95rem;padding:12px 16px;vertical-align:middle}.entries-table td:first-child{color:#667eea;font-weight:600}.status-badge{text-transform:capitalize}.qc-remark-cell{max-width:200px}.remark-text{color:#333;display:block;font-size:.9rem;line-height:1.4}.no-remark{color:#999;font-size:.85rem;font-style:italic}@media (max-width:768px){.store-management-entry{padding:15px}.store-entry-form{padding:20px}.form-group{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.form-group{flex:1 1 100%}.save-btn{width:100%}}.send-store-to-qc{max-width:100%;overflow-x:auto;padding:20px}.send-qc-header{margin-bottom:30px}.send-qc-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.send-qc-header p{color:#666;font-size:.95rem}.send-qc-error,.send-qc-success{align-items:center;border-radius:6px;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.send-qc-error{background-color:#fee;border:1px solid #fcc;color:#c33}.send-qc-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.send-qc-error i,.send-qc-success i{font-size:1.1rem}.send-qc-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.send-qc-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.send-qc-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.send-qc-table{border-collapse:collapse;min-width:1100px;width:100%}.send-qc-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.send-qc-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.send-qc-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.send-qc-table tbody tr:hover{background-color:#f8f9fa}.send-qc-table tbody tr.sent-to-qc-row{background-color:#f0f8ff}.send-qc-table tbody tr.sent-to-qc-row:hover{background-color:#e6f3ff}.send-qc-table tbody tr:last-child{border-bottom:none}.send-qc-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.send-qc-table td:first-child{color:#007bff;font-weight:600;position:relative}.sent-badge{color:#28a745;font-size:.85rem;margin-left:8px;vertical-align:middle}.sent-badge i{animation:pulse 2s infinite}.sample-qty-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;transition:all .3s ease;width:120px}.sample-qty-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.sample-qty-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-to-qc-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.send-to-qc-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.send-to-qc-btn:active:not(:disabled){transform:translateY(0)}.send-to-qc-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.send-to-qc-btn.sent-btn{background-color:#28a745;cursor:default;opacity:1}.send-to-qc-btn.sent-btn:hover{background-color:#28a745;box-shadow:none;transform:none}.send-to-qc-btn.sent-btn i{color:#fff;margin-right:6px}.send-to-qc-btn i{font-size:.85rem}.sent-date-cell{color:#28a745;font-weight:500}.sent-date-time{align-items:center;color:#28a745;display:inline-flex;font-size:.9rem;gap:6px}.sent-date-time i{color:#28a745;font-size:.8rem}.not-sent{color:#999;font-style:italic}.send-to-qc-btn i.fa-spinner{animation:spin 1s linear infinite}.send-qc-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.send-qc-empty p{color:#999;font-size:1.1rem}@media (max-width:768px){.send-store-to-qc{padding:15px}.send-qc-header h2{font-size:1.5rem}.send-qc-table{font-size:.85rem}.send-qc-table td,.send-qc-table th{padding:10px 12px}.sample-qty-input{width:100px}.send-to-qc-btn{font-size:.85rem;padding:8px 16px}}.release-product{max-width:100%;overflow-x:auto;padding:20px}.release-product-header{margin-bottom:30px}.release-product-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.release-product-header p{color:#666;font-size:.95rem}.release-product-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.release-product-error i{font-size:1.1rem}.release-product-success{align-items:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.release-product-success i{color:#28a745;font-size:1.1rem}.release-product-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.release-product-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.release-product-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.release-product-table{border-collapse:collapse;min-width:1200px;width:100%}.release-product-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.release-product-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.release-product-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.release-product-table tbody tr:hover{background-color:#f8f9fa}.release-product-table tbody tr:last-child{border-bottom:none}.release-product-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.release-product-table td:first-child{color:#333;font-weight:600}.request-sent-badge{color:#28a745;font-size:.85rem;margin-left:8px;vertical-align:middle}.request-sent-badge i{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.release-product-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:uppercase}.release-product-type-badge.type-original{background-color:#e3f2fd;color:#1976d2}.release-product-type-badge.type-adjustment{background-color:#fff3e0;color:#f57c00}.release-product-type-badge.type-transfer{background-color:#f3e5f5;color:#7b1fa2}.request-date-time{align-items:center;color:#28a745;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px}.request-date-time i{color:#28a745;font-size:.8rem}.no-date{color:#999;font-style:italic}.release-date-time{align-items:center;color:#28a745;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px}.release-date-time i{color:#28a745;font-size:.8rem}.release-product-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.release-product-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.release-product-btn:active:not(:disabled){transform:translateY(0)}.release-product-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.release-product-btn i{font-size:.85rem}.release-product-btn i.fa-spinner{animation:spin 1s linear infinite}.release-product-action-success{align-items:center;background-color:#d4edda;border-radius:6px;color:#155724;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 12px}.release-product-action-success i{color:#28a745;font-size:.9rem}.release-product-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.release-product-empty i{color:#ccc;font-size:3rem;margin-bottom:16px}.release-product-empty p{color:#999;font-size:1.1rem}@media (max-width:768px){.release-product{padding:15px}.release-product-header h2{font-size:1.5rem}.release-product-table{font-size:.85rem}.release-product-table td,.release-product-table th{padding:10px 12px}}.stock-report-management{background-color:#f5f5f5;max-width:100%;min-height:100vh;overflow-x:auto;padding:20px}.stock-report-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.stock-report-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.stock-report-filters{align-items:center;display:flex;gap:12px}.stock-report-product-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;min-width:200px;padding:10px 16px;transition:border-color .2s}.stock-report-product-select:hover{border-color:#007bff}.stock-report-product-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.stock-report-export-btn,.stock-report-print-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.stock-report-export-btn{background-color:#007bff;color:#fff}.stock-report-export-btn:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.stock-report-print-btn{background-color:#28a745;color:#fff}.stock-report-print-btn:hover{background-color:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.stock-report-product-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.stock-report-product-info{display:flex;flex-direction:column;gap:8px}.stock-report-product-info label{color:#666;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stock-report-product-name{color:#333;font-size:1.1rem;font-weight:600}.stock-report-check-btn{align-items:center;background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.stock-report-check-btn:hover{background-color:#138496;box-shadow:0 2px 4px #17a2b84d;transform:translateY(-1px)}.stock-report-back-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-left:12px;padding:10px 24px;transition:all .2s}.stock-report-back-btn:hover{background-color:#5a6268;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.stock-report-error,.stock-report-product-actions{align-items:center;display:flex}.stock-report-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;gap:10px;margin-bottom:20px;padding:12px 16px}.stock-report-error i{font-size:1.1rem}.stock-report-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.stock-report-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.stock-report-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.stock-report-table{border-collapse:collapse;min-width:1400px;width:100%}.stock-report-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.stock-report-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.stock-report-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.stock-report-table tbody tr:hover{background-color:#f8f9fa}.stock-report-table tbody tr:last-child{border-bottom:none}.stock-report-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.stock-report-table td:first-child{color:#007bff;font-weight:600}.stock-report-type-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.stock-report-type-badge.type-return{background-color:#ffc107;color:#856404}.stock-report-type-badge.type-original{background-color:#17a2b8;color:#fff}.stock-report-type-badge.type-ready{background-color:#28a745;color:#fff}.stock-report-view-btn{align-items:center;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s}.stock-report-view-btn:hover{background-color:#dee2e6;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.stock-report-view-btn i{font-size:.9rem}.stock-report-action-cell{align-items:center;display:flex;gap:8px;justify-content:flex-end}.stock-report-status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.stock-report-status-badge.status-approved{background-color:#28a745;color:#fff}.stock-report-status-badge.status-rejected{background-color:#dc3545;color:#fff}.stock-report-status-badge.status-pending{background-color:#ffc107;color:#856404}.stock-report-products-list{display:flex;flex-direction:column;gap:16px}.stock-report-products-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;margin-bottom:8px;padding:12px 20px}.stock-report-products-header-spacer{flex-shrink:0;width:36px}.stock-report-products-header-label{align-items:center;display:flex;flex:1 1}.stock-report-products-header-label span{color:#333;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stock-report-products-header-actions{flex-shrink:0;min-width:140px}.stock-report-product-row{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.stock-report-product-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:16px;padding:16px 20px}.stock-report-expand-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.stock-report-expand-btn:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:scale(1.05)}.stock-report-product-info-inline{align-items:center;display:flex;flex:1 1}.stock-report-product-name-inline{color:#333;font-size:1.1rem;font-weight:600}.stock-report-check-btn-inline{align-items:center;background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s;white-space:nowrap}.stock-report-check-btn-inline:hover{background-color:#138496;box-shadow:0 2px 4px #17a2b84d;transform:translateY(-1px)}.stock-report-product-items{background:#fff;padding:20px}.stock-report-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.stock-report-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.stock-report-modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;padding:20px 24px}.stock-report-modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.stock-report-modal-body{flex:1 1;padding:24px}.stock-report-categories{display:flex;flex-direction:column;gap:16px}.stock-report-category-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.stock-report-category-item:last-child{border-bottom:none}.stock-report-category-label{color:#333;font-size:1rem;font-weight:500}.stock-report-category-value{color:#495057;font-size:1rem;font-weight:600;min-width:100px;text-align:right}.stock-report-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;padding:16px 24px}.stock-report-modal-close-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s}.stock-report-modal-close-btn:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.stock-report-view-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.stock-report-view-modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;padding:20px 24px}.stock-report-view-modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.stock-report-view-modal-body{flex:1 1;padding:24px}.stock-report-view-table-container{overflow-x:auto}.stock-report-view-table{border-collapse:collapse;min-width:600px;width:100%}.stock-report-view-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.stock-report-view-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.stock-report-view-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.stock-report-view-table tbody tr:hover{background-color:#f8f9fa}.stock-report-view-table tbody tr:last-child{border-bottom:none}.stock-report-view-table td{color:#555;font-size:.95rem;padding:12px 16px;vertical-align:middle}.stock-report-view-table td:first-child,.stock-report-view-table td:nth-child(2){font-weight:500;text-align:right}.stock-report-view-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;padding:16px 24px}.stock-report-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.stock-report-empty p{color:#999;font-size:1.1rem}@media print{.stock-report-management{background-color:#fff;padding:0}.stock-report-check-btn,.stock-report-check-btn-inline,.stock-report-expand-btn,.stock-report-filters button,.stock-report-header,.stock-report-product-section,.stock-report-view-btn{display:none}.stock-report-table-container{box-shadow:none}.stock-report-table{min-width:100%}.stock-report-table thead{background-color:#f8f9fa!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.stock-report-header{align-items:flex-start;flex-direction:column;gap:16px}.stock-report-filters{flex-wrap:wrap;width:100%}.stock-report-product-select{flex:1 1;min-width:150px}.stock-report-product-section{align-items:flex-start;flex-direction:column;gap:16px}.stock-report-table{font-size:.85rem}.stock-report-table td,.stock-report-table th{padding:10px 12px}}.production-released-container{margin:0 auto;max-width:1400px;padding:20px}.production-released-header{margin-bottom:30px}.production-released-header h2{color:#333;font-size:1.8rem;margin-bottom:5px}.production-released-header p{color:#666;font-size:.95rem}.production-released-error{align-items:center;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-released-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.production-released-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.production-released-search{align-items:center;display:flex;gap:10px}.production-released-search label{color:#333;font-weight:500}.production-released-search input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:300px;padding:8px 12px}.production-released-search input:focus{border-color:#007bff;outline:none}.production-released-loading{color:#666;padding:40px;text-align:center}.production-released-table{border-collapse:collapse;margin-bottom:20px;width:100%}.production-released-table thead{background-color:#f8f9fa}.production-released-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px;text-align:left}.production-released-table td{border-bottom:1px solid #dee2e6;color:#555;padding:12px}.production-released-table tbody tr:hover{background-color:#f8f9fa}.production-released-empty{color:#999;font-style:italic;padding:40px;text-align:center}.production-released-pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.production-released-pagination-info{color:#666;font-size:.9rem}.production-released-pagination-controls{display:flex;gap:8px}.production-released-pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.production-released-pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.production-released-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.production-released-pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.production-released-success{align-items:center;background-color:#d4edda;border-radius:4px;color:#155724;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.production-released-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.production-released-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.production-released-modal-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-bottom:2px solid #e9ecef;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:20px 24px}.production-released-modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.production-released-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.production-released-modal-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.production-released-modal-content{padding:24px}.production-released-modal-footer{background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.production-released-modal-cancel-btn,.production-released-modal-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.production-released-modal-cancel-btn{background-color:#6c757d;color:#fff}.production-released-modal-cancel-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.production-released-modal-confirm-btn{background-color:#28a745;color:#fff}.production-released-modal-confirm-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.production-released-modal-cancel-btn:disabled,.production-released-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.production-released-container{padding:10px}.production-released-table{font-size:.85rem}.production-released-table td,.production-released-table th{padding:8px}.production-released-pagination{flex-direction:column;gap:15px}}.sales-order-release{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.sales-order-release-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.sales-order-release-header h2{color:#1e293b;font-size:1.5rem;margin:0 0 5px}.sales-order-release-header p{color:#64748b;font-size:1rem;margin:0 0 15px}.sales-order-release-controls{align-items:center;display:flex;gap:20px}.sales-order-release-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.sales-order-release-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sales-order-release-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.sales-order-release-container{display:flex;flex-direction:column;gap:20px}.release-orders-table-section,.release-products-table-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.release-table-container{overflow-x:auto}.release-orders-table,.release-products-table{border-collapse:collapse;width:100%}.release-orders-table thead,.release-products-table thead{background-color:#f1f5f9}.release-orders-table th,.release-products-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left}.release-orders-table td,.release-products-table td{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;padding:12px 16px}.release-orders-table tbody tr:hover,.release-products-table tbody tr:hover{background-color:#f8fafc}.release-orders-table tbody tr.selected{background-color:#dbeafe}.confirm-release-btn{align-items:center;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:background-color .2s}.confirm-release-btn:hover:not(:disabled){background-color:#059669}.confirm-release-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.7}.confirm-release-btn i.fa-check-circle{color:#10b981}.release-note{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin-top:20px;padding:16px}.release-note-text{color:#92400e;font-size:.875rem;line-height:1.6;margin:0}.release-copyright{color:#64748b;font-size:.75rem;margin-top:20px;padding:16px;text-align:left}.billing-confirmed-badge{align-items:center;background-color:#d1fae5;border-radius:4px;color:#065f46;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:4px 12px}.billing-confirmed-badge i{color:#10b981}.billing-pending-badge{align-items:center;background-color:#fef3c7;border-radius:4px;color:#92400e;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:4px 12px}.billing-pending-badge i{color:#f59e0b}.status-badge{font-size:12px;font-weight:500}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.priority-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.priority-badge.normal{background:#e7f3ff;color:#06c}.priority-badge.urgent{background:#ffe6e6;color:#c00}.remark-cell{max-width:200px}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn-danger:disabled{background:#dc3545;cursor:not-allowed;opacity:.6}.actions-cell{min-width:150px}.approve-btn{background:#28a745;color:#fff}.approve-btn:hover:not(:disabled){background:#218838}.reject-btn{background:#dc3545}.reject-btn:hover:not(:disabled){background:#c82333}.action-status{color:#666;display:block;font-size:11px}.action-status small{display:block}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{background:#f8f9fa;color:#333}.modal-body{padding:20px}.modal-body p{color:#333;margin:10px 0}.modal-body .form-group{margin-top:20px}.modal-body label{color:#333;display:block;font-weight:500;margin-bottom:8px}.modal-body textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.modal-body textarea:focus{border-color:#007bff;outline:none}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.dashboard-controls{margin-bottom:20px}.search-box{max-width:400px}.search-box i{color:#666}.search-box input{padding:10px 15px 10px 40px}.data-table thead{background-color:#f8f9fa}.data-table td{border-bottom:1px solid #dee2e6}.data-table tbody tr:hover{background-color:#f8f9fa}.no-data{color:#666}.btn{align-items:center;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s}.btn-sm{font-size:12px;padding:5px 10px}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.badge{background-color:#e9ecef;color:#495057}.error-message{background-color:#f8d7da}.btn-success{border:none}.btn-success:hover:not(:disabled){background-color:#218838}.btn-success:disabled{cursor:not-allowed;opacity:.6}.badge-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.pdf-container{background:#f5f5f5;min-height:100vh;padding:20px}.pdf-actions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:15px}.btn-back,.btn-download,.btn-print{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-download{background-color:#28a745;color:#fff}.btn-download:hover{background-color:#218838}.btn-print{background-color:#007bff;color:#fff}.btn-print:hover{background-color:#0056b3}.btn-back{background-color:#6c757d;color:#fff}.btn-back:hover{background-color:#5a6268}.error,.loading{font-size:16px;padding:40px;text-align:center}.error{color:#dc3545}.purchase-order-document{background:#fff;box-shadow:0 2px 8px #0000001a;color:#000;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;margin:0 auto;max-width:210mm;padding:40px}.company-header{border-bottom:2px solid #000;margin-bottom:30px;padding-bottom:15px}.company-name{font-size:18px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.company-address{font-size:11px;line-height:1.4;margin-bottom:8px}.company-details{font-size:10px;line-height:1.6}.company-details div{margin-bottom:3px}.po-info-section{display:flex;justify-content:space-between;margin-bottom:25px}.po-info-left{display:flex;flex-direction:column;gap:5px}.po-label{font-size:11px;font-weight:700}.po-value{font-size:11px;margin-bottom:8px}.order-to-section{border:1px solid #000;margin-bottom:25px;padding:10px}.section-title{border-bottom:1px solid #000;font-size:12px;font-weight:700;margin-bottom:8px;padding-bottom:5px}.supplier-details{font-size:11px}.supplier-name{font-size:12px;font-weight:700;margin-bottom:5px}.supplier-address{font-size:10px;line-height:1.4}.products-table{font-size:11px;margin-bottom:25px}.products-table td,.products-table th{border:1px solid #000;padding:8px;text-align:left}.products-table th{background-color:#f0f0f0;font-weight:700;text-align:center}.products-table .col-item{text-align:center;width:5%}.products-table .col-description{width:40%}.products-table .col-unit{text-align:center;width:10%}.products-table .col-qty{text-align:right;width:12%}.products-table .col-price{text-align:right;width:13%}.products-table .col-total{text-align:right;width:20%}.products-table tbody td{vertical-align:top}.footer-section{display:flex;gap:30px;justify-content:space-between;margin-top:30px}.footer-left{flex:1 1;font-size:11px;line-height:1.6}.footer-right{width:280px}.amount-in-words{line-height:1.5}.amount-in-words,.eway-bill-note,.payment-term{font-size:11px;margin-bottom:12px}.eway-bill-note{line-height:1.4}.transport-info{font-size:11px;margin-top:15px}.transport-info div{margin-bottom:5px}.summary-title{border-bottom:1px solid #000;font-size:12px;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}.summary-table{border-collapse:collapse;font-size:11px;margin-bottom:10px;width:100%}.summary-table td{border:1px solid #000;padding:5px 8px}.summary-label{font-weight:400;text-align:left}.summary-value{font-weight:400;text-align:right}.summary-table .total-row td{border-top:2px solid #000;font-weight:700}.signatory{font-size:11px;font-style:italic;margin-top:20px;text-align:right}@media print{.pdf-actions{display:none}.pdf-container{background:#fff;padding:0}.purchase-order-document{box-shadow:none;max-width:100%;padding:20px}@page{size:A4;margin:1cm}}.form-container,.product-form{max-width:100%;padding:30px;width:100%}.product-form{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin:0 auto}.product-input-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.product-input-row .form-group{margin-bottom:0}.products-table-container{border:1px solid #dee2e6;border-radius:4px;margin-top:20px}.products-table th{border-bottom:2px solid #dee2e6;font-size:13px;padding:12px}.products-table td{border-bottom:1px solid #dee2e6;font-size:13px}.products-table tfoot{font-weight:700}.products-table tfoot td{border-top:2px solid #dee2e6}@media (max-width:768px){.product-input-row{grid-template-columns:1fr}.products-table-container{overflow-x:scroll}.products-table{min-width:800px}}.dashboard-container{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#333;margin:0}.dashboard-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.search-box{position:relative}.search-box i{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 10px 10px 40px;width:100%}.filter-box{align-items:center;display:flex;gap:10px}.filter-box label{color:#333;font-weight:500}.filter-box select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:10px}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.stat-card h3{color:#666;font-size:14px;font-weight:500;margin:0 0 10px;text-transform:uppercase}.stat-card p{color:#333;font-size:32px;font-weight:700;margin:0}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa}.data-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px}.data-table tbody tr:hover{background:#f8f9fa}.badge{background:#e7f3ff;border-radius:4px;color:#06c;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.actions-cell{min-width:180px}.action-buttons{flex-wrap:wrap}.action-btn{font-size:12px;font-weight:500;gap:4px;transition:all .3s}.action-btn i{margin:0}.view-btn{background:#17a2b8}.view-btn:hover{background:#138496}.order-btn{background:#28a745;color:#fff}.order-btn:hover{background:#218838}.no-data{color:#999}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.error-message{background:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:background .3s}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn i{margin-right:5px}.modal-close-btn{font-size:20px;transition:all .2s}.view-modal-loading-spinner{border-top-color:#007bff}.view-detail-row{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.no-products{color:#666;font-style:italic;padding:40px}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-outline-success{background-color:initial;border:1px solid #28a745;color:#28a745}.btn-outline-success:hover{background-color:#28a745;color:#fff}.btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.remark-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dwr-price-request{padding:30px}.dwr-price-request-header{margin-bottom:30px}.dwr-price-request-header h2{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.dwr-price-request-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dwr-price-request-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;gap:10px;min-width:300px}.search-input{border-radius:6px;flex:1 1}.clear-search-btn,.search-input{font-size:14px;padding:10px 15px}.clear-search-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px}.clear-search-btn:hover{background-color:#5a6268}.entries-selector{gap:10px}.entries-selector label{color:#666;font-size:14px}.entries-select{border-radius:6px;font-size:14px}.dwr-price-request-empty,.dwr-price-request-loading{color:#666;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.dwr-price-request-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.dwr-price-request-table{border-collapse:collapse;width:100%}.dwr-price-request-table thead{background-color:#f8f9fa}.dwr-price-request-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.dwr-price-request-table td{border-bottom:1px solid #e9ecef;color:#555;font-size:14px;padding:12px 15px}.dwr-price-request-table tbody tr:hover{background-color:#f8f9fa}.action-buttons{gap:8px}.action-buttons,.btn-view{align-items:center;display:flex}.btn-view{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;gap:5px;padding:6px 12px;transition:all .2s}.btn-view:hover{background-color:#0056b3}.dwr-price-request-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.pagination-info{font-size:14px}.pagination-buttons{gap:15px}.pagination-btn{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:5px}.pagination-page-info{color:#666;font-size:14px}.view-modal-overlay{background-color:#00000080;z-index:1000}.view-modal-content{box-shadow:0 4px 20px #00000026;max-width:900px;width:90%}.view-modal-header{border-bottom:1px solid #e9ecef;padding:20px}.view-modal-header h3{color:#333;font-size:1.5rem;margin:0}.view-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.view-modal-close:hover{background-color:#f8f9fa;color:#333}.view-modal-body{max-height:60vh;padding:20px}.view-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.view-info-item{display:flex;flex-direction:column}.view-info-item.full-width{grid-column:1/-1}.view-info-item label{color:#666;font-size:13px;font-weight:600;margin-bottom:5px}.view-info-item p{color:#333;font-size:14px;margin:0}.action-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.view-modal-footer{border-top:1px solid #e9ecef;gap:10px;padding:20px}.btn-primary{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-primary:hover{background-color:#0056b3}@media (max-width:768px){.dwr-price-request{padding:15px}.dwr-price-request-filters{align-items:stretch;flex-direction:column}.view-info-grid{grid-template-columns:1fr}.view-modal-content{width:95%}}.sales-create-order{background-color:#f8fafc;margin:0 auto;max-width:100%;min-height:calc(100vh - 100px);padding:5px 20px 10px}.sales-order-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;margin-top:0}.sales-order-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.sales-order-header .add-consignee-link{border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;font-size:.85rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .3s ease}.sales-order-header .add-consignee-link:hover{background-color:#3b82f6;color:#fff}.sales-order-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33}.sales-order-error,.sales-order-success{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-bottom:10px;padding:8px 12px}.sales-order-success{background-color:#efe;border:1px solid #cfc;border-radius:4px;color:#3c3}.sales-order-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px 20px}.form-section{border-bottom:none!important;margin-bottom:8px;padding-bottom:5px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 5px;padding-bottom:3px}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}.form-group{display:flex;flex-basis:calc(16.666% - 17px);flex-direction:column;flex-grow:1;flex-shrink:1;min-width:150px}.form-group.full-width{flex:1 1 100%}.form-group label{color:#333;font-size:.85rem;font-weight:600;margin-bottom:3px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:6px 10px;transition:all .3s ease;width:100%}.form-group input[type=text]:not(.readonly-input):not([readonly]),.form-group textarea{text-transform:uppercase}.form-group input[type=date],.form-group input[type=number],.form-group input[type=number].readonly-input,.form-group input[type=number][readonly],.form-group input[type=text].readonly-input,.form-group input[type=text][readonly],.form-group select{text-transform:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.readonly-input{background-color:#f5f5f5;color:#666;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:60px;resize:vertical}.form-actions{gap:8px;justify-content:flex-start;margin-top:5px}.form-actions.save-section{border-top:1px solid #eee;justify-content:flex-end;margin-top:10px;padding-top:10px}.add-btn{background-color:#3b82f6;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.add-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.cancel-btn{background-color:#6b7280;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.cancel-btn:hover{background-color:#4b5563}.save-btn{border-radius:4px;font-size:.9rem;padding:8px 20px}.save-btn:disabled{background-color:#9ca3af;opacity:.7}.products-table-container{margin-top:3px;overflow-x:auto}.products-table{background:#fff;min-width:1200px}.products-table th{font-size:.8rem;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.products-table tbody tr{transition:background-color .2s ease}.products-table td{font-size:.85rem;padding:8px 12px}.products-table tfoot{background-color:#f8f9fa;font-weight:600}.products-table tfoot td{color:#1e293b;padding:8px 12px}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;margin:0 4px;padding:6px 12px;transition:all .2s ease}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#dc2626}@media (max-width:1200px){.form-group{flex-basis:calc(25% - 15px);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.sales-create-order{padding:15px}.sales-order-form{padding:20px}.form-group{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}.products-table{font-size:.85rem}.products-table td,.products-table th{padding:8px 12px}}@media (max-width:480px){.form-group{flex:1 1 100%}.add-btn,.save-btn{width:100%}.form-actions{flex-direction:column}}.buyer-expand-btn{transition:transform .3s ease,color .3s ease}.buyer-expand-btn:hover{color:#2563eb;transform:scale(1.1)}.buyer-expand-btn:active{transform:scale(.95)}.buyer-details-expanded{animation:slideDown .3s ease-out;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.buyer-details-header{border-bottom:2px solid #dee2e6;margin-bottom:15px;padding-bottom:10px}.buyer-details-header h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.buyer-details-content{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.buyer-detail-item{align-items:flex-start;display:flex;gap:10px;padding:8px 0}.detail-label{color:#495057;font-size:.9rem;font-weight:600;min-width:140px}.detail-value{color:#212529;flex:1 1;font-size:.95rem;word-break:break-word}.consignees-section{border-top:2px solid #dee2e6;margin-top:20px;padding-top:20px}.consignees-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px}.consignee-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px;transition:all .2s ease}.consignee-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-2px)}.consignee-name{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:6px}.consignee-address{color:#6c757d;font-size:.9rem;line-height:1.4;margin-bottom:4px}.consignee-phone{color:#495057;font-size:.85rem;margin-top:4px}.no-consignees{background-color:#fff;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;font-style:italic;padding:15px;text-align:center}.no-consignees p{font-size:.9rem;margin:0}@media (max-width:768px){.consignees-list{grid-template-columns:1fr}.buyer-detail-item{flex-direction:column;gap:5px}.detail-label{min-width:auto}}.sales-order-verification{max-width:100%;overflow-x:auto;padding:20px}.verification-header{margin-bottom:30px}.verification-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.verification-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.verification-error i{font-size:1.1rem}.verification-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.verification-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.verification-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.verification-table{border-collapse:collapse;min-width:1200px;width:100%}.verification-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.verification-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.verification-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.verification-table tbody tr:hover{background-color:#f8f9fa}.verification-table tbody tr:last-child{border-bottom:none}.verification-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.verification-table td:first-child{color:#007bff;font-weight:600}.check-now-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.check-now-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.check-now-btn:active:not(:disabled){transform:translateY(0)}.check-now-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.check-now-btn i{font-size:.85rem}.check-now-btn i.fa-spinner{animation:spin 1s linear infinite}.verification-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.verification-empty p{color:#999;font-size:1.1rem}@media (max-width:768px){.sales-order-verification{padding:15px}.verification-header h2{font-size:1.5rem}.verification-table{font-size:.85rem}.verification-table td,.verification-table th{padding:10px 12px}.check-now-btn{font-size:.85rem;padding:6px 12px}}.verification-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.verification-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%;z-index:2001}.verification-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.verification-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.verification-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.verification-section{margin-bottom:30px}.verification-section:last-child{margin-bottom:0}.verification-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.verification-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.verification-form-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.verification-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.verification-form-grid{grid-template-columns:1fr}}.form-field input,.form-field textarea{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.form-field input:focus,.form-field textarea:focus{border-color:#007bff;outline:none}.verification-products-table-container{margin-top:15px;overflow-x:auto}.verification-products-table{border-collapse:collapse;min-width:1000px;width:100%}.verification-products-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.verification-products-table th{color:#333;font-size:.9rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.verification-products-table tbody tr{border-bottom:1px solid #e9ecef}.verification-products-table tbody tr:hover{background-color:#f8f9fa}.verification-products-table tbody tr:last-child{border-bottom:none}.verification-products-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.verification-products-table tfoot{background-color:#f8f9fa;border-top:2px solid #dee2e6}.verification-products-table tfoot td{color:#333;font-weight:600}.verification-modal-footer{background:#f8f9fa;border-top:2px solid #f8f9fa;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;padding:20px 30px;position:relative;z-index:1}.reject-btn,.verify-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.verify-btn{background-color:#6c757d}.verify-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.reject-btn{background-color:#dc3545;color:#fff}.reject-btn:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.reject-btn:disabled,.verify-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reject-btn i,.verify-btn i{font-size:.9rem}.status-input{font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.status-input.status-pending{background-color:#fff3cd!important;border-color:#ffc107!important;color:#856404!important}.status-input.status-verified{background-color:#d4edda!important;border-color:#28a745!important;color:#155724!important}.status-input.status-rejected{background-color:#f8d7da!important;border-color:#dc3545!important;color:#721c24!important}.status-input.status-final{background-color:#cce5ff!important;border-color:#007bff!important;color:#004085!important}.status-message{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-weight:500;gap:12px;justify-content:center;padding:16px 20px;width:100%}.status-message i{font-size:1.2rem}.status-message i.fa-check-circle{color:#28a745}.status-message i.fa-times-circle{color:#dc3545}@media (max-width:768px){.verification-modal-overlay{padding:10px}.verification-modal-content{max-height:95vh;max-width:100%}.verification-modal-header{padding:15px 20px}.verification-modal-header h2{font-size:1.2rem}.verification-modal-body{padding:20px}.verification-form-grid{gap:15px;grid-template-columns:1fr}.verification-section h3{font-size:1.1rem}.verification-products-table{font-size:.85rem;min-width:800px}.verification-products-table td,.verification-products-table th{padding:8px 10px}.verification-modal-footer{flex-direction:column;padding:15px 20px}.reject-btn,.verify-btn{font-size:.9rem;justify-content:center;padding:10px 20px;width:100%}}.final-order-list{max-width:100%;overflow-x:auto;padding:20px}.final-order-header{margin-bottom:30px}.final-order-title{background-color:#ffeb3b;border-radius:6px;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding:15px 20px;text-align:center}.final-order-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.supplier-filter{align-items:center;display:flex;gap:10px}.supplier-filter label{color:#555;font-size:.95rem;font-weight:600}.supplier-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.95rem;min-width:200px;padding:8px 12px}.supplier-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.final-order-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.final-order-error i{font-size:1.1rem}.final-order-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.final-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.final-order-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.entries-selector label{font-size:.95rem}.entries-select{padding:6px 10px}.entries-select:focus{border-color:#007bff;outline:none}.search-box label,.search-input{font-size:.95rem}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.final-order-table-container{overflow-x:auto}.final-order-table-container,.final-order-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.final-order-table-wrapper{padding:20px}.final-order-table{border-collapse:collapse;min-width:2000px;width:100%}.final-order-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.final-order-table th{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.final-order-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.final-order-table tbody tr:hover{background-color:#f8f9fa}.final-order-table tbody tr:last-child{border-bottom:none}.final-order-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.expand-icon{color:#007bff;cursor:pointer;font-size:.8rem;margin-right:5px;padding:4px;transition:all .2s ease}.expand-icon:hover{color:#0056b3;transform:scale(1.1)}.pending-row{background-color:#fff5f5}.pending-row:hover{background-color:#ffe5e5}.pending-order{color:#dc3545;font-weight:600}.status-pending{background-color:#fff3cd;color:#856404}.status-verified{background-color:#d1ecf1;color:#0c5460}.status-final{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.action-buttons-group{display:flex;flex-direction:column;gap:8px;min-width:100px}.action-btn{padding:8px 16px;text-align:center;width:100%}.action-btn:hover:not(:disabled){box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.action-btn:disabled{background-color:#6c757d!important}.view-btn{background-color:#17a2b8}.view-btn:hover:not(:disabled){background-color:#138496}.edit-btn{background-color:#3b82f6}.edit-btn:hover:not(:disabled){background-color:#2563eb}.final-btn{background-color:#dc3545;color:#fff;font-weight:700}.final-btn:hover:not(:disabled){background-color:#c82333}.final-btn i{margin-right:5px}.final-btn i.fa-spinner{animation:spin 1s linear infinite}.final-order-pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding-top:20px}.pagination-info{color:#666}.pagination-btn{min-width:40px}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-btn.active{background:#007bff;border-color:#007bff}.pagination-ellipsis{color:#666;padding:0 4px}.final-order-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.final-order-empty p{color:#999;font-size:1.1rem}.view-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.view-form-field{display:flex;flex-direction:column}.view-form-field label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:8px}.view-form-field input{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.view-form-field input:focus{border-color:#007bff;outline:none}.view-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.view-error i{font-size:1.1rem}.view-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.view-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}.view-products-table tfoot,.view-products-table thead{background-color:#f8f9fa}@media (max-width:768px){.view-modal-overlay{padding:10px}.view-modal-content{max-height:95vh;max-width:100%}.view-modal-header{padding:15px 20px}.view-modal-header h2{font-size:1.2rem}.view-modal-body{padding:20px}.view-form-grid{gap:15px;grid-template-columns:1fr}.view-section h3{font-size:1.1rem}.view-products-table{font-size:.85rem;min-width:800px}.view-products-table td,.view-products-table th{padding:8px 10px}}.expanded-cell,.expanded-row{background-color:#f8f9fa}.expanded-cell{padding:20px!important}.products-table-wrapper{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:15px}.products-table{font-size:.9rem}.products-table thead{background-color:#e9ecef}.products-table th{font-size:.85rem;padding:10px 12px}.products-table td{padding:10px 12px}.products-table tfoot{background-color:#e9ecef;border-top:2px solid #dee2e6}.products-table tfoot td{color:#333;font-weight:600;padding:12px}.products-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.products-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}.no-products{font-size:.95rem;padding:30px 20px}@media (max-width:768px){.final-order-list{padding:15px}.final-order-title{font-size:1.2rem;padding:12px 15px}.final-order-table-controls{align-items:stretch;flex-direction:column}.entries-selector,.search-box,.search-input{width:100%}.final-order-table{font-size:.8rem}.final-order-table td,.final-order-table th{padding:8px 10px}.action-buttons-group{min-width:90px}.action-btn{font-size:.8rem;padding:6px 12px}.final-order-pagination{align-items:stretch;flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.rejected-orders{max-width:100%;overflow-x:auto;padding:20px}.rejected-orders-header{margin-bottom:30px}.rejected-orders-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.rejected-orders-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.rejected-orders-error,.rejected-orders-success{align-items:center;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.rejected-orders-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.rejected-orders-error i,.rejected-orders-success i{font-size:1.1rem}.rejected-orders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rejected-orders-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#dc3545;height:50px;margin-bottom:20px;width:50px}.rejected-orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.rejected-orders-table{border-collapse:collapse;min-width:1000px;width:100%}.rejected-orders-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.rejected-orders-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.rejected-orders-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.rejected-orders-table tbody tr:hover{background-color:#f8f9fa}.rejected-orders-table tbody tr:last-child{border-bottom:none}.rejected-orders-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.edit-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.edit-btn:active{transform:translateY(0)}.edit-btn i{font-size:.85rem}.rejected-orders-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.rejected-orders-empty p{color:#999;font-size:1.1rem}.edit-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.edit-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.edit-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.edit-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px 8px;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#e9ecef}.edit-modal-body{flex:1 1;overflow-y:auto;padding:30px}.edit-section{margin-bottom:30px}.edit-section:last-child{margin-bottom:0}.edit-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.view-detail-row{gap:20px;width:100%}.edit-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px) and (min-width:901px){.edit-form-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px) and (min-width:769px){.edit-form-grid{grid-template-columns:repeat(2,1fr)}}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1/-1;margin-top:10px}.form-field label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#007bff;outline:none}.form-field input.readonly-input,.form-field textarea.readonly-input{background:#f8f9fa;cursor:not-allowed}.form-field textarea{font-family:inherit;min-height:80px;resize:vertical}.product-entry-form{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:20px}.form-actions{display:flex;gap:10px;margin-top:15px}.add-btn,.cancel-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-btn{background-color:#28a745;color:#fff}.add-btn:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.products-table-wrapper{margin-top:20px;overflow-x:auto}.products-table{border-collapse:collapse;min-width:1000px;width:100%}.products-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.products-table th{color:#333;font-size:.9rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #e9ecef}.products-table tbody tr:hover{background-color:#f8f9fa}.products-table tbody tr:last-child{border-bottom:none}.products-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.delete-product-btn,.edit-product-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;margin-right:5px;padding:6px 12px;transition:all .3s ease}.edit-product-btn{background-color:#007bff;color:#fff}.edit-product-btn:hover{background-color:#0056b3}.delete-product-btn{background-color:#dc3545;color:#fff}.delete-product-btn:hover{background-color:#c82333}.edit-modal-footer{background:#f8f9fa;border-top:2px solid #f8f9fa;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.save-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.save-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-modal-footer .cancel-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.edit-modal-footer .cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.edit-modal-footer .cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.rejected-orders{padding:15px}.rejected-orders-header h2{font-size:1.5rem}.rejected-orders-table{font-size:.85rem}.rejected-orders-table td,.rejected-orders-table th{padding:10px 12px}.edit-modal-overlay{padding:10px}.edit-modal-content{max-height:95vh;max-width:100%}.edit-modal-header{padding:15px 20px}.edit-modal-header h2{font-size:1.2rem}.edit-modal-body{padding:20px}.edit-form-grid{gap:15px;grid-template-columns:1fr}.edit-section h3{font-size:1.1rem}.products-table{font-size:.85rem;min-width:800px}.products-table td,.products-table th{padding:8px 10px}.edit-modal-footer{flex-direction:column;padding:15px 20px}.edit-modal-footer .cancel-btn,.save-btn{font-size:.9rem;justify-content:center;padding:10px 20px;width:100%}}.create-consignee{background-color:#f5f5f5;min-height:100vh;padding:20px}.create-consignee-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.create-consignee-header-left h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.create-consignee-header-right{align-items:center;display:flex;gap:20px}.create-consignee-header-right span{color:#fff;font-size:.9rem;font-weight:500}.create-consignee-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.create-consignee-error{background-color:#fee2e2;color:#991b1b}.create-consignee-error,.create-consignee-success{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.create-consignee-success{background-color:#d1fae5;color:#065f46}.create-consignee-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.create-consignee-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.create-consignee-form .form-group{display:flex;flex-direction:column;gap:8px}.create-consignee-form .form-group label{color:#333;font-size:.95rem;font-weight:600}.create-consignee-form .form-control{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.create-consignee-form .form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.create-consignee-form .form-control::placeholder{color:#94a3b8}.create-consignee-form textarea.form-control{min-height:80px;resize:vertical}.create-consignee-form .form-actions{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.create-consignee-form .submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .2s}.create-consignee-form .submit-btn:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.create-consignee-form .submit-btn:disabled{cursor:not-allowed;opacity:.6}.consignees-table-section{border-top:2px solid #e9ecef;margin-top:40px;padding-top:30px}.consignees-table-section h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 20px}.empty-message,.loading-message{color:#64748b;font-size:1rem;padding:40px;text-align:center}.loading-message i{margin-right:10px}.table-container{overflow-x:auto}.consignees-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.consignees-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.consignees-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.consignees-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:12px 16px}.consignees-table tbody tr:hover{background-color:#f8f9fa}.consignees-table tbody tr:last-child td{border-bottom:none}.create-consignee .edit-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.create-consignee .edit-btn:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.create-consignee-form .cancel-btn{align-items:center;background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-right:10px;padding:12px 32px;text-transform:uppercase;transition:all .2s}.create-consignee-form .cancel-btn:hover:not(:disabled){background-color:#4b5563;box-shadow:0 2px 4px #6b72804d;transform:translateY(-1px)}.create-consignee-form .cancel-btn:disabled{cursor:not-allowed;opacity:.6}.back-link{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.back-link a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.back-link a:hover{color:#764ba2;text-decoration:underline}.create-consignee-footer{color:#64748b;font-size:.9rem;padding:20px;text-align:center}.create-consignee-footer p{margin:0}@media (max-width:768px){.create-consignee-form .form-row{grid-template-columns:1fr}.consignees-table{font-size:.85rem}.consignees-table td,.consignees-table th{padding:8px 12px}}.received-consignment-management{margin:0 auto;max-width:1400px;padding:20px}.received-consignment-header{margin-bottom:30px}.received-header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.received-consignment-header h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:8px}.received-consignment-header p{color:#666;font-size:1rem}.consignment-status-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.consignment-status-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.consignment-status-btn:active:not(:disabled){box-shadow:0 2px 4px #2563eb33;transform:translateY(0)}.consignment-status-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}.consignment-status-btn i{font-size:1rem}.received-consignment-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.received-consignment-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.received-consignment-loading p{color:#666;font-size:1rem}.received-consignment-selector{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.received-selector-group{display:flex;flex-direction:column;gap:8px;min-width:250px}.received-selector-group label{color:#333;font-size:.95rem;font-weight:600}.received-consignment-select,.received-warehouse-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .3s ease}.received-consignment-select:hover,.received-warehouse-select:hover{border-color:#667eea}.received-consignment-select:focus,.received-warehouse-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.received-consignment-select:disabled,.received-warehouse-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.received-consignment-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.received-consignment-error i{font-size:1.2rem}.received-consignment-success{align-items:center;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.received-consignment-success i{font-size:1.2rem}.received-consignment-empty{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.received-consignment-products{margin-top:30px}.received-consignment-products h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.received-products-table-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow-x:auto}.received-products-table{border-collapse:collapse;min-width:900px;width:100%}.received-products-table thead{background-color:#f8f9fa}.received-products-table th{border-bottom:2px solid #ddd;color:#333;font-size:.95rem;font-weight:600;padding:14px 16px;text-align:left}.received-products-table th:first-child{text-align:center;width:60px}.received-products-table td:first-child{color:#666;font-weight:500;text-align:center}.received-products-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.received-products-table tbody tr:hover{background-color:#f8f9fa}.received-products-table tbody tr:last-child td{border-bottom:none}.received-qty-input{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:8px 10px;text-align:right;transition:all .3s ease;width:120px}.received-qty-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.received-qty-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.receive-status-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.receive-status-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.receive-status-btn:active:not(:disabled){transform:translateY(0)}.receive-status-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.receive-status-btn.received{background-color:#10b981}.receive-status-btn.received:hover:not(:disabled){background-color:#059669}.receive-status-btn i{font-size:.9rem}.received-receive-btn{align-items:center;background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.received-receive-btn:hover:not(:disabled){background-color:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.received-receive-btn:active:not(:disabled){transform:translateY(0)}.received-receive-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.received-receive-btn i{font-size:.9rem}.received-consignment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.receive-all-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.receive-all-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.receive-all-btn:active:not(:disabled){box-shadow:0 2px 4px #10b98133;transform:translateY(0)}.receive-all-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}.receive-all-btn i{font-size:1rem}@media (max-width:768px){.received-consignment-management{padding:15px}.received-consignment-selector{flex-direction:column}.received-selector-group{min-width:100%}.received-products-table-container{font-size:.9rem}.received-products-table td,.received-products-table th{padding:10px 12px}.received-qty-input{width:100px}}.consignment-status-management{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:20px}.consignment-status-header{margin-bottom:30px}.consignment-status-header h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:8px}.consignment-status-header p{color:#666;font-size:1rem}.consignment-status-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.consignment-status-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.consignment-status-loading p{color:#666;font-size:1rem}.consignment-status-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.consignment-status-error i{font-size:1.2rem}.consignment-status-success{align-items:center;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.consignment-status-success i{font-size:1.2rem}.consignment-status-selector{align-items:flex-end;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.status-selector-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:300px}.status-selector-group label{color:#333;font-size:.95rem;font-weight:600}.status-consignment-select,.status-warehouse-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .3s ease}.status-consignment-select:hover,.status-warehouse-select:hover{border-color:#667eea}.status-consignment-select:focus,.status-warehouse-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.status-consignment-select:disabled,.status-warehouse-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.status-no-consignments{color:#666;font-size:.9rem;font-style:italic;margin-top:5px}.consignment-details-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.consignment-details-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.status-history-table-container{border:1px solid #ddd;border-radius:8px;overflow-x:auto}.status-history-table{border-collapse:collapse;min-width:900px;width:100%}.status-history-table thead{background-color:#f8f9fa}.status-history-table th{border-bottom:2px solid #ddd;color:#333;font-size:.95rem;font-weight:600;padding:14px 16px;text-align:left}.status-history-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.status-history-table tbody tr:hover{background-color:#f8f9fa}.status-history-table tbody tr:last-child td{border-bottom:none}.status-history-empty{color:#999;font-style:italic;padding:40px 20px;text-align:center}.consignment-status-update-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.consignment-status-update-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.status-update-form{display:flex;flex-direction:column;gap:20px}.status-form-group{display:flex;flex-direction:column;gap:8px}.status-form-group label{color:#333;font-size:.95rem;font-weight:600}.status-remark-input,.status-select-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:1rem;padding:10px 12px;transition:all .3s ease}.status-remark-input:focus,.status-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.status-remark-input{max-width:500px;width:100%}.status-update-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.status-update-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.status-update-btn:active:not(:disabled){transform:translateY(0)}.status-update-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.status-update-btn i{font-size:1rem}@media (max-width:768px){.consignment-status-management{padding:15px}.consignment-status-selector{flex-direction:column}.status-selector-group{min-width:100%}.status-history-table-container{font-size:.9rem}.status-history-table td,.status-history-table th{padding:10px 12px}.status-remark-input{max-width:100%}}.create-invoice{max-width:100%;overflow-x:auto;padding:20px}.create-invoice-header{margin-bottom:30px}.create-invoice-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.create-invoice-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.search-input{min-width:300px}.create-invoice-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.create-invoice-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.create-invoice-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#059669;height:50px;margin-bottom:20px;width:50px}.create-invoice-order-selection{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.orders-table th{color:#333;font-size:.9rem;font-weight:600;padding:14px 16px;text-align:left}.orders-table tbody tr{border-bottom:1px solid #e9ecef}.orders-table tbody tr:hover{background-color:#f8f9fa}.orders-table td{color:#555;font-size:.95rem;padding:14px 16px}.select-order-btn{background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.select-order-btn:hover{background-color:#047857;box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.create-invoice-empty{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.create-invoice-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.invoice-order-details{background:#f8f9fa;border-radius:6px;margin-bottom:30px;padding:20px}.invoice-detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.invoice-detail-field{display:flex;flex-direction:column}.invoice-detail-field label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:5px}.invoice-detail-field span{color:#333;font-size:.95rem;font-weight:500}.status-badge.status-approved{background-color:#28a745;color:#fff}.invoice-products-section{margin-bottom:30px;overflow-x:auto}.invoice-products-table{background:#fff;border-collapse:collapse;border-radius:4px;min-width:1200px;overflow:hidden;width:100%}.invoice-products-table thead{background-color:#e9ecef;border-bottom:2px solid #dee2e6}.invoice-products-table th{color:#333;font-size:.9rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.invoice-products-table tbody tr{border-bottom:1px solid #e9ecef}.invoice-products-table tbody tr:hover{background-color:#f8f9fa}.invoice-products-table tbody tr:last-child{border-bottom:none}.invoice-products-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.invoice-input{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease;width:100%}.invoice-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.invoice-product-actions{align-items:center;display:flex;gap:10px}.update-product-btn{background-color:#007bff;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .3s ease}.update-product-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.packing-link{color:#007bff;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.packing-link:hover{color:#0056b3;text-decoration:underline}.invoice-note{background-color:#d4edda;border-left:4px solid #28a745;border-radius:4px;margin-bottom:20px;padding:15px 20px}.invoice-note-text{color:#155724;font-size:.95rem;line-height:1.5;margin:0}.invoice-note-text strong{font-weight:600}.invoice-copyright{border-top:1px solid #e9ecef;margin-bottom:20px;margin-top:20px;padding:10px 0;text-align:left}.invoice-copyright p{color:#999;font-size:.85rem;margin:0}.invoice-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}.back-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.back-btn:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}@media (max-width:768px){.create-invoice{padding:15px}.create-invoice-header h2{font-size:1.5rem}.create-invoice-controls{align-items:stretch;flex-direction:column}.search-input{min-width:100%}.invoice-detail-row{grid-template-columns:1fr}.invoice-products-table{font-size:.85rem}.invoice-product-actions{align-items:stretch;flex-direction:column}}.accounts-sales-order{max-width:100%;overflow-x:auto;padding:20px}.accounts-sales-order-header{margin-bottom:30px}.accounts-sales-order-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.accounts-sales-order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.search-input{color:#333}.search-input:focus{border-color:#059669}.accounts-sales-order-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.accounts-sales-order-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.accounts-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#059669;height:50px;margin-bottom:20px;width:50px}.accounts-sales-order-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-x:auto}.accounts-sales-order-table{border-collapse:collapse;min-width:2000px;width:100%}.accounts-sales-order-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.accounts-sales-order-table th{background-color:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.accounts-sales-order-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.accounts-sales-order-table tbody tr:hover{background-color:#f8f9fa}.accounts-sales-order-table tbody tr:last-child{border-bottom:none}.accounts-sales-order-table td{color:#555;font-size:.95rem;padding:14px 16px;vertical-align:middle}.action-btn{border-radius:4px;font-size:.85rem;padding:6px 12px;transition:all .3s ease}.view-btn{background-color:#059669}.view-btn:hover{background-color:#047857;box-shadow:0 4px 8px #0596694d}.status-badge{letter-spacing:.5px}.status-badge.status-pending{background-color:#ffc107;color:#856404}.status-badge.status-verified{background-color:#28a745;color:#fff}.status-badge.status-final{background-color:#007bff;color:#fff}.status-badge.status-rejected{background-color:#dc3545;color:#fff}.acc-status{border-radius:12px;display:inline-block;font-size:.85rem;letter-spacing:.5px;padding:4px 12px}.acc-status.approved{background-color:#28a745;color:#fff}.acc-status.pending{background-color:#ffc107;color:#856404}.acc-status.hold{background-color:#ff9800;color:#fff}.accounts-sales-order-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding:15px 20px}.pagination-info{color:#555}.pagination-btn{border:1px solid #ddd;color:#333;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#059669;color:#059669}.pagination-btn.active{background-color:#059669;border-color:#059669}.pagination-ellipsis{color:#999;padding:0 8px}.accounts-sales-order-empty{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.accounts-sales-order-empty p{color:#999;font-size:1.1rem}.view-modal-loading-spinner{border-top-color:#059669}.view-modal-error{background-color:#fee;border:1px solid #fcc;color:#c33}.view-section{margin-bottom:30px}.view-section:last-child{margin-bottom:0}.view-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.view-detail-row{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:10px 0}.view-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.view-detail-item{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:150px}.view-detail-item.full-width{grid-column:1/-1}.view-detail-item label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.view-detail-item span{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;display:flex;font-size:.95rem;min-height:38px;padding:8px 12px}.view-order-details{background:#f8f9fa;border-radius:6px;margin-bottom:30px;padding:20px}.view-detail-field{display:flex;flex-direction:column}.view-detail-field label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:5px}.view-detail-field span{color:#333;font-size:.95rem;font-weight:500}.view-products-table-container{margin-top:15px;overflow-x:auto}.no-products{color:#999;padding:40px 20px;text-align:center}.view-modal-footer .close-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.view-modal-footer .close-btn:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.verify-btn{background-color:#059669;color:#fff}.verify-btn:hover{background-color:#047857;box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.verify-btn i{font-size:.8rem}.verify-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.verify-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.verify-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.verify-modal-header h2{color:#333;font-size:1.3rem;font-weight:600;margin:0;text-transform:uppercase}.verify-modal-body{flex:1 1;overflow-y:auto;padding:30px}.verify-modal-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.verify-order-info{background:#f8f9fa;border-left:4px solid #059669;border-radius:6px;margin-bottom:25px;padding:15px}.verify-order-id{display:flex;flex-direction:column;gap:8px}.order-id-label{color:#333;font-size:1.2rem;font-weight:700}.order-details-label{color:#666;font-size:.95rem;font-weight:500}.verify-form{gap:20px}.verify-form,.verify-form-field{display:flex;flex-direction:column}.verify-form-field{gap:8px}.verify-form-field label{color:#333;font-size:.95rem;font-weight:600}.verify-select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.verify-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.verify-textarea{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:.95rem;padding:10px 12px;resize:vertical;transition:border-color .3s ease}.verify-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.verify-modal-footer{background:#f8f9fa;border-top:2px solid #f8f9fa;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.verify-close-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.verify-close-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.verify-close-btn:disabled{cursor:not-allowed;opacity:.6}.verify-update-btn{align-items:center;background-color:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.verify-update-btn:hover:not(:disabled){background-color:#047857;box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.verify-update-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-update-btn i{font-size:.9rem}@media (max-width:768px){.accounts-sales-order{padding:15px}.accounts-sales-order-header h2{font-size:1.5rem}.accounts-sales-order-controls{align-items:stretch;flex-direction:column}.accounts-sales-order-table{font-size:.85rem}.accounts-sales-order-table td,.accounts-sales-order-table th{padding:10px 12px}.accounts-sales-order-pagination{align-items:stretch;flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}.view-modal-content{max-height:95vh;max-width:95%}.view-detail-row{grid-template-columns:1fr}}.sales-billing-order{max-width:100%;overflow-x:auto;padding:20px}.sales-billing-order-header{margin-bottom:30px}.sales-billing-order-header h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.sales-billing-order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.entries-selector{align-items:center;display:flex;gap:8px}.entries-selector label{color:#555;font-size:.9rem}.entries-select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px}.search-box label{color:#555}.search-input{border:1px solid #ddd}.sales-billing-order-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.sales-billing-order-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sales-billing-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.sales-billing-order-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto}.sales-billing-order-table{border-collapse:collapse;min-width:1400px;width:100%}.sales-billing-order-table thead{background-color:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-billing-order-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.sales-billing-order-table td{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:12px 16px}.sales-billing-order-table tbody tr:hover{background-color:#f8fafc}.status-badge{border-radius:4px;font-size:.75rem;padding:4px 8px}.status-badge.status-final{background-color:#dbeafe;color:#1e40af}.acc-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.acc-status.approved{background-color:#d1fae5;color:#065f46}.acc-status.pending{background-color:#fef3c7;color:#92400e}.acc-status.hold{background-color:#fee2e2;color:#991b1b}.proceed-dispatch-btn{align-items:center;background-color:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.proceed-dispatch-btn:hover{background-color:#047857;box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.proceed-dispatch-btn i{font-size:.875rem}.sales-billing-order-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px}.pagination-info{color:#64748b;font-size:.9rem}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#475569;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.page-numbers{align-items:center;display:flex;gap:4px}.pagination-ellipsis{color:#64748b;padding:8px 4px}.sales-billing-order-empty{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.sales-billing-order-empty p{color:#64748b;font-size:1.1rem}.view-products-table tfoot{background-color:#e9ecef;border-top:2px solid #dee2e6}.view-products-table tfoot td{color:#333;font-weight:600}.create-dispatch{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.create-dispatch-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.create-dispatch-header h2{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.create-dispatch-header-info{align-items:center;color:#64748b;display:flex;font-size:1rem;gap:10px}.create-dispatch-header-info span:first-child{font-weight:600}.create-dispatch-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.create-dispatch-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.create-dispatch-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.create-dispatch-order-details{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.order-details-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.order-detail-field{display:flex;flex-direction:column;gap:5px}.order-detail-field label{color:#64748b;font-size:.875rem;font-weight:600}.order-detail-field span{color:#1e293b;font-size:1rem;font-weight:500}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.status-approved{background-color:#d1fae5;color:#065f46}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.create-dispatch-products-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto;padding:20px}.create-dispatch-products-table{border-collapse:collapse;min-width:1000px;width:100%}.create-dispatch-products-table thead{background-color:#f1f5f9}.create-dispatch-products-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.create-dispatch-products-table td{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:12px 16px}.create-dispatch-products-table tbody tr:hover{background-color:#f8fafc}.dispatch-input{border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;min-width:150px;padding:8px 12px;width:100%}.dispatch-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.update-product-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.update-product-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.update-product-btn:disabled{cursor:not-allowed;opacity:.6}.create-dispatch-actions{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.action-buttons-right,.create-dispatch-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:10px 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.action-btn,.action-btn i{font-size:.9rem}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn:disabled:hover{box-shadow:none;transform:none}.copy-btn{background-color:#6b7280;color:#fff;font-size:.85rem;min-width:80px;padding:8px 16px}.copy-btn:hover:not(:disabled){background-color:#4b5563;box-shadow:0 2px 4px #6b72804d;transform:translateY(-1px)}.invoice-btn{background-color:#059669;color:#fff}.invoice-btn:hover:not(:disabled){background-color:#047857;box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.batch-btn{background-color:#3b82f6;color:#fff}.batch-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.create-dispatch-copyright{color:#64748b;font-size:.875rem;padding:20px;text-align:center}.completed-sales-order{background-color:#f5f5f5;min-height:100vh;padding:20px}.completed-sales-order-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.completed-sales-order-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.completed-sales-order-controls{align-items:center;display:flex;gap:20px}.completed-sales-order-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.completed-sales-order-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.completed-sales-order-table{border-collapse:collapse;min-width:800px;width:100%}.completed-sales-order-table thead{background-color:#f1f5f9}.completed-sales-order-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.completed-sales-order-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.completed-sales-order-table tbody tr:hover{background-color:#f8fafc}.completed-sales-order-table td{color:#64748b;font-size:.875rem;padding:12px 16px;text-align:left;vertical-align:middle}.view-btn{display:flex;white-space:nowrap}.view-btn i{font-size:.875rem}.view-modal-content{max-width:1400px}.status-complete{background-color:#d1fae5;border-radius:4px;color:#065f46;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.completed-sales-order-empty{align-items:center;color:#64748b;display:flex;font-size:1.1rem;height:100%;justify-content:center}.no-data{color:#94a3b8;padding:40px 20px!important}.completed-sales-order-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.completed-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.coa-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.coa-download-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s ease}.coa-download-btn:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.coa-download-btn.coa-one{background-color:#007bff}.coa-download-btn.coa-one:hover{background-color:#0056b3}.coa-download-btn.coa-two{background-color:#28a745}.coa-download-btn.coa-two:hover{background-color:#1e7e34}.coa-download-btn i{font-size:11px}.coa-no-action{color:#999;font-size:12px;font-style:italic}.dispatched-sales-order{background-color:#f5f5f5;min-height:100vh;padding:20px}.dispatched-sales-order-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.dispatched-sales-order-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.dispatched-sales-order-controls{align-items:center;display:flex;gap:20px}.search-box label{color:#666}.dispatched-sales-order-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.dispatched-sales-order-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.dispatched-sales-order-table{border-collapse:collapse;min-width:800px;width:100%}.dispatched-sales-order-table thead{background-color:#f1f5f9}.dispatched-sales-order-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.dispatched-sales-order-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.dispatched-sales-order-table tbody tr:hover{background-color:#f8fafc}.dispatched-sales-order-table td{color:#334155;font-size:.875rem;padding:12px 16px}.no-data{padding:40px!important}.view-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.view-btn:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.view-btn i{font-size:.8rem}.send-mail-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#334155;cursor:pointer;font-size:.875rem;min-width:80px;padding:6px 10px;transition:all .2s}.send-mail-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.send-mail-select:hover{border-color:#94a3b8}.dispatched-sales-order-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dispatched-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:20px;width:50px}.view-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.view-modal-content{background:#fff;border-radius:8px;box-shadow:0 12px 24px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.view-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;padding:20px 30px}.view-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:all .2s ease}.modal-close-btn:hover{background-color:#e9ecef;color:#333}.view-modal-body{flex:1 1;overflow-y:auto;padding:30px}.view-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.view-modal-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:20px;width:50px}.view-modal-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 16px}.view-modal-empty{color:#64748b;font-size:1.1rem;padding:40px 20px;text-align:center}.view-order-info{background:#f8f9fa;border-radius:6px;margin-bottom:30px;padding:20px}.view-order-info-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.view-order-info-field{display:flex;flex-direction:column}.view-order-info-field label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:5px}.view-order-info-field span{color:#333;font-size:.95rem;font-weight:500}.view-products-section{margin-bottom:30px;overflow-x:auto}.view-products-table{background:#fff;border-collapse:collapse;border-radius:4px;min-width:1000px;overflow:hidden;width:100%}.view-products-table thead{background-color:#e9ecef;border-bottom:2px solid #dee2e6}.view-products-table th{color:#333;font-size:.9rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.view-products-table tbody tr{border-bottom:1px solid #e9ecef}.view-products-table tbody tr:hover{background-color:#f8f9fa}.view-products-table tbody tr:last-child{border-bottom:none}.view-products-table td{color:#555;font-size:.9rem;padding:12px 14px;vertical-align:middle}.view-note-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.view-note-section label{color:#666;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.view-note-content{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-size:.95rem;line-height:1.6;padding:12px 15px;white-space:pre-wrap}.view-modal-footer{background:#f8f9fa;border-top:2px solid #f8f9fa;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.modal-close-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.modal-close-button:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.packing-sales-order{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.packing-sales-order-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.packing-sales-order-header h2{color:#1e293b;font-size:1.5rem;margin:0 0 5px}.packing-sales-order-header p{color:#64748b;font-size:1rem;margin:0 0 15px}.packing-sales-order-controls{align-items:center;display:flex;gap:20px}.packing-sales-order-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.packing-sales-order-container{display:flex;flex-direction:column;gap:20px;width:100%}.packing-orders-table-section,.packing-products-table-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.packing-billing-link{align-items:center;background:linear-gradient(135deg,#059669,#047857);color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:15px 20px;transition:background .2s}.packing-billing-link:hover{background:linear-gradient(135deg,#047857,#065f46)}.packing-billing-link i{font-size:1.2rem}.packing-table-container{max-height:calc(100vh - 300px);overflow-x:auto;overflow-y:auto}.packing-orders-table,.packing-products-table{border-collapse:collapse;width:100%}.packing-orders-table thead,.packing-products-table thead{background-color:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:10}.packing-orders-table th,.packing-products-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.packing-orders-table td,.packing-products-table td{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:12px 16px}.packing-orders-table tbody tr:hover,.packing-products-table tbody tr:hover{background-color:#f8fafc}.packing-orders-table tbody tr.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.view-dispatch-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);display:flex;font-weight:500;gap:6px;transition:all .2s;white-space:nowrap}.view-dispatch-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.view-dispatch-btn:disabled{opacity:.6}.packing-date-input{border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;min-width:120px;padding:6px 10px;width:100%}.packing-date-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.update-packing-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.update-packing-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.update-packing-btn:disabled{cursor:not-allowed;opacity:.5}.loading-cell{padding:40px 20px}.loading-spinner{border-top-color:#059669;height:30px;margin:0 auto 10px;width:30px}.no-data{font-style:italic;padding:40px 20px}.packing-sales-order-loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.packing-sales-order-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#059669;height:40px;margin-bottom:15px;width:40px}@media (max-width:1200px){.packing-sales-order-container{gap:15px}}@media (max-width:768px){.packing-sales-order{padding:15px}.packing-table-container{max-height:400px}.view-dispatch-btn{font-size:.75rem;padding:6px 12px}}.sales-order-billing{background-color:#f8fafc;min-height:calc(100vh - 200px);padding:20px}.sales-order-billing-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.sales-order-billing-header h2{color:#1e293b;font-size:1.5rem;margin:0 0 5px}.sales-order-billing-header p{color:#64748b;font-size:1rem;margin:0 0 15px}.sales-order-billing-controls{align-items:center;display:flex;gap:20px}.search-box{align-items:center;display:flex;gap:8px}.search-box label{color:#64748b;font-size:.9rem}.search-input{border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;min-width:200px;padding:8px 12px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sales-order-billing-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.sales-order-billing-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.sales-order-billing-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.sales-order-billing-container{display:flex;flex-direction:column;gap:20px}.billing-orders-table-section,.billing-products-table-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.billing-table-container{overflow-x:auto}.billing-orders-table,.billing-products-table{border-collapse:collapse;width:100%}.billing-orders-table thead,.billing-products-table thead{background-color:#f1f5f9}.billing-orders-table th,.billing-products-table th{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left}.billing-orders-table td,.billing-products-table td{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;padding:12px 16px}.billing-orders-table tbody tr:hover,.billing-products-table tbody tr:hover{background-color:#f8fafc}.billing-orders-table tbody tr.selected{background-color:#dbeafe}.view-dispatch-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.view-dispatch-btn:hover:not(:disabled){background-color:#2563eb}.view-dispatch-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.confirm-billing-btn{align-items:center;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:background-color .2s}.confirm-billing-btn:hover:not(:disabled){background-color:#059669}.confirm-billing-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.7}.confirm-billing-btn i.fa-check-circle{color:#10b981}.loading-cell{padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:24px;margin:0 auto 12px;width:24px}.no-data{color:#64748b;padding:40px;text-align:center}.batch-info{color:#64748b;font-size:.75rem;font-style:italic;margin-top:4px}.billing-note{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;margin-top:20px;padding:16px}.billing-note-text{color:#92400e;font-size:.875rem;line-height:1.6;margin:0}.billing-copyright{color:#64748b;font-size:.75rem;margin-top:20px;padding:16px;text-align:left}
/*# sourceMappingURL=main.030696ec.css.map*/