*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif}.login-container{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:900px;max-width:95%;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.login-left{color:#fff;background:#111827;flex-direction:column;flex:1;justify-content:center;padding:50px;display:flex}.login-left h1{margin-bottom:10px;font-size:32px}.login-left p{opacity:.7}.login-right{flex-direction:column;flex:1;padding:50px;display:flex}.login-right h2{margin-bottom:25px}.login-right input{border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:14px;font-size:14px}.options{justify-content:space-between;margin-bottom:20px;font-size:13px;display:flex}.options input{margin-right:5px}.login-right button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:700}.login-right button:hover{background:#1d4ed8}.terms{color:#666;margin-top:20px;font-size:12px}.terms span{color:#2563eb;cursor:pointer}@media (width<=768px){.login-card{flex-direction:column}.login-left{display:none}.login-right{padding:30px}}body{color:#334155;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;min-height:100vh;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.layout{background:#f8fafc;flex-direction:column;height:100vh;display:flex;overflow:hidden}.body{flex:1;width:100%;display:flex;overflow:hidden}.topbar{z-index:100;background:linear-gradient(90deg,#c8102e,#e63946);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 4px 12px #c8102e14}.brand{letter-spacing:-.5px;font-size:20px;font-weight:700;color:#fff!important}.top-right{align-items:center;gap:16px;display:flex}.top-right span{font-size:14px;font-weight:500;color:#fff!important}.top-right button{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff3d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.top-right button:hover{color:#c8102e;background:#fff;transform:translateY(-1px)}.sidebar{background:#0f172a;flex-direction:column;flex-shrink:0;gap:6px;width:260px;padding:24px 16px;display:flex;box-shadow:4px 0 24px #0f172a0d}.sidebar-title{text-transform:uppercase;color:#64748b;letter-spacing:1px;margin-bottom:10px;padding-left:12px;font-size:11px;font-weight:700}.sidebar button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex;color:#94a3b8!important}.sidebar button:hover{background:#ffffff0a;transform:translate(2px);color:#f8fafc!important}.sidebar button.active{background:#e63946;font-weight:600;color:#fff!important}.content{background:#f8fafc;flex:1;grid-template-columns:minmax(0,1fr);min-width:0;padding:32px;display:grid;overflow-y:auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 1px 3px #00000005,0 4px 12px #00000008}.card h2,.card h3{color:#0f172a;letter-spacing:-.3px;margin-bottom:20px;font-size:18px;font-weight:600}.booking-header{margin-bottom:20px}.topbar-filters .filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input{flex:1;min-width:240px}.filter-select{width:auto;min-width:160px}input,select,textarea{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}select{appearance:none;cursor:pointer;background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}input:focus,select:focus,textarea:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 4px #c8102e14}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-height:520px;margin-bottom:20px;display:block;overflow:auto;overflow:auto!important}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:max-content}table thead{z-index:10;position:sticky;top:0}table thead th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:600}table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}table thead{z-index:10;background:#f8fafc;position:sticky;top:0}table thead th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;padding:14px 16px;font-size:12px;font-weight:600;overflow:hidden;box-shadow:inset 0 -1px #e2e8f0}table tbody td{color:#334155;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px;overflow:hidden}table tbody tr:hover{background:#f8fafc}table tbody tr:last-child td{border-bottom:none}.action-buttons-row{align-items:center;gap:6px;display:flex}.badge,.posted-badge,.pending-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge{color:#475569;background:#f1f5f9}.posted-badge{color:#10b981;background:#e2fbf0}.pending-badge{color:#d97706;background:#fef3c7}.bulk-bar{background:#f1f5f9;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.push-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.push-panel h3{margin:0;font-size:15px}.push-panel select{width:auto;min-width:140px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;z-index:2000!important}.push-panel-modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:450px;padding:25px;display:flex;box-shadow:0 10px 30px #0003}.push-panel-modal select{width:100%;padding:10px}.modal-footer{justify-content:flex-end;gap:10px;display:flex}.modal,.gfs-modal-v2{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:833px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header,.gfs-header-v2{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2,.gfs-header-v2 h2{margin:0;font-size:18px;font-weight:600}.gfs-header-v2 p{color:#64748b;margin-top:2px;font-size:13px}.close-btn,.close-btn-v2{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:18px;font-weight:700;transition:all .15s}.close-btn:hover,.close-btn-v2:hover{color:#334155;background:#f1f5f9}.tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 12px;display:flex}.tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s}.tabs button:hover{color:#1e293b}.tabs button.active-tab{color:#c8102e;border-bottom-color:#c8102e;font-weight:600}.modal-body,.gfs-content{flex:1;padding:24px;overflow-y:auto}.modal-footer,.action-bar-v2{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.goods-row{border-bottom:1px dashed #e2e8f0;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:12px;margin-top:12px;padding-bottom:12px;display:grid}.status-grid,.info-grid-v2{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.status-card-v2,.info-card-v2{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.status-card-v2 span,.info-card-v2 label{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.status-card-v2 h3,.info-card-v2 p{color:#0f172a;margin:0;font-size:15px;font-weight:600}.status-card-v2 h3.muted{color:#475569;font-size:14px;font-weight:400}.json-box-v2{border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;overflow:hidden}.json-box-v2 summary{cursor:pointer;padding:10px 14px;font-size:13px;font-weight:600}.json-box-v2 pre{color:#38bdf8;background:#0f172a;max-height:200px;margin:0;padding:14px;font-family:monospace;font-size:12px;overflow-x:auto}button{font-family:inherit}.primary-btn,.create-btn,.save-btn{color:#fff;cursor:pointer;background:#c8102e;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.primary-btn:hover,.create-btn:hover,.save-btn:hover{background:#a50d25;transform:translateY(-1px)}.secondary-btn,.secondary-btn-v2{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s}.secondary-btn:hover,.secondary-btn-v2:hover{color:#1e293b;background:#f8fafc}.print-label-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.print-label-btn:hover{background:#c8102e;transform:translateY(-1px)}.history-btn,.edit-btn,.add-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s}.edit-btn:hover{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.add-btn{color:#fff;background:#0f172a;border:none;margin-bottom:12px}.delete-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s}.delete-btn:hover{color:#991b1b;background:#fca5a5}.action-bar-v2 a.primary-btn{text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 10px 10px}.pagination{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:16px;margin-top:auto;padding:12px 4px 4px;display:flex}.pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.pagination button:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#94a3b8}.pagination span{color:#64748b;font-size:13px;font-weight:500}.toast-success{color:#fff;z-index:3000;background:#0f172a;border-left:4px solid #10b981;border-radius:8px;padding:16px 24px;font-size:14px;font-weight:500;animation:.2s ease-out modalFadeIn;position:fixed;top:24px;right:24px;box-shadow:0 10px 15px -3px #0000001a}@media (width<=768px){.body{flex-direction:column}.sidebar{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;width:100%;padding:12px;overflow-x:auto;box-shadow:0 4px 12px #00000008}.sidebar-title{display:none}.sidebar button{justify-content:center;width:auto;padding:8px 14px;font-size:13px}.content{background:#f8fafc;flex:1;min-width:0;padding:32px;overflow:auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;margin-bottom:24px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #00000005,0 4px 12px #00000008}.top-right span{display:none}.topbar-filters .filter-row{flex-direction:column;align-items:stretch}.filter-select,.create-btn{width:100%}.goods-row{grid-template-columns:1fr;gap:8px}.pagination{justify-content:center}}.error-badge{color:#dc2626;background:#fee2e2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.upload-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:520px;padding:24px;transition:all .2s;box-shadow:0 6px 20px #0f172a0f}.upload-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f172a1a}.upload-header{margin-bottom:18px}.upload-header h3{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.upload-header p{color:#64748b;font-size:13px}.upload-box{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:28px;transition:all .25s;display:block}.upload-box:hover{background:#fff5f6;border-color:#c8102e;transform:scale(1.01)}.upload-content{flex-direction:column;align-items:center;gap:10px;display:flex}.upload-icon{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;font-size:34px;box-shadow:0 4px 10px #0000000d}.upload-content h4{color:#1e293b;margin:0;font-size:15px;font-weight:600}.upload-content p{color:#64748b;font-size:12px}.upload-footer{text-align:center;margin-top:14px}.upload-footer small{color:#10b981;font-size:12px;font-weight:500}.upload-box:active{transform:scale(.99)}@media (width<=768px){.upload-card{padding:18px}.upload-box{padding:20px}.upload-icon{padding:10px;font-size:28px}}.dashboard-container{background:#f4f7fb;min-height:100vh;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header h1{color:#1e293b;margin-bottom:5px;font-size:28px}.dashboard-header p{color:#64748b}.refresh-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 18px;font-weight:600}.refresh-btn:hover{opacity:.9}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:25px;display:grid}.kpi-card{color:#fff;border-radius:18px;padding:22px;box-shadow:0 5px 20px #00000014}.kpi-top{justify-content:space-between;margin-bottom:15px;display:flex}.kpi-card h2{margin-bottom:8px;font-size:32px}.kpi-card p{opacity:.9}.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.purple{background:linear-gradient(135deg,#9333ea,#7e22ce)}.dark{background:linear-gradient(135deg,#334155,#0f172a)}.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:25px;display:grid}.chart-card,.table-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 5px 20px #0000000f}.chart-header,.table-header{margin-bottom:20px}.bar-chart{justify-content:space-between;align-items:flex-end;height:260px;display:flex}.bar-item{flex-direction:column;align-items:center;width:45px;display:flex}.bar{background:linear-gradient(#3b82f6,#1d4ed8);border-radius:10px 10px 0 0;width:100%}.bar-item span{color:#64748b;margin-top:10px}.summary-list{flex-direction:column;gap:16px;display:flex}.summary-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding-bottom:10px;display:flex}.summary-item span{color:#475569}.summary-item strong{color:#0f172a}table{border-collapse:collapse;width:100%}table thead{background:#f1f5f9}table th,table td{text-align:left;padding:14px}table th{color:#334155}table tbody tr{border-bottom:1px solid #e2e8f0}.status{border-radius:30px;padding:6px 12px;font-size:13px;font-weight:600}.delivered{color:#166534;background:#dcfce7}.transit{color:#1d4ed8;background:#dbeafe}.failed{color:#b91c1c;background:#fee2e2}.pending{color:#92400e;background:#fef3c7}.loading-box{background:#fff;border-radius:15px;margin-top:20px;padding:30px}@media (width<=900px){.charts-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}}.vehicle-page{background:#f4f6f9;min-height:100vh;padding:20px}.vehicle-page h2{color:#2f3640;margin-bottom:15px}.vehicle-form{background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;padding:15px;display:grid}.vehicle-form input,.vehicle-form select{border:1px solid #ddd;border-radius:6px;padding:8px}.form-actions{grid-column:span 4;gap:10px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:6px;padding:10px 15px}.vehicle-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.vehicle-table th{color:#fff;background:#2d3436;padding:10px}.vehicle-table td{border-bottom:1px solid #eee;padding:10px}.edit{color:#fff;background:orange;border:none;margin-right:5px;padding:5px 10px}.delete{color:#fff;background:red;border:none;padding:5px 10px}select{color:#000!important;appearance:auto!important;background-color:#fff!important;border:1px solid #ccc!important;padding:8px!important;font-size:14px!important}option{color:#000!important;background-color:#fff!important}.form-group{flex-direction:column;margin-bottom:12px;display:flex}.form-group label{color:#2d3436;margin-bottom:5px;font-weight:600}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;padding:8px}.trucktype-page{background:#f4f6f9;min-height:100vh;padding:20px}.trucktype-page h2{color:#2f3640;margin-bottom:15px;font-weight:700}.trucktype-form{background:#fff;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:20px;display:grid;box-shadow:0 2px 12px #00000014}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#2d3436;font-size:13px;font-weight:600}.trucktype-form input,.trucktype-form select{background:#fff;border:1px solid #dcdde1;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:all .2s}.trucktype-form input:focus,.trucktype-form select:focus{border-color:#0984e3;box-shadow:0 0 5px #0984e34d}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 15px;font-weight:600;transition:all .2s}.form-actions button[type=submit]{color:#fff;background:#0984e3}.form-actions button[type=submit]:hover{background:#0866c2}.form-actions button[type=button]{color:#fff;background:#636e72}.form-actions button[type=button]:hover{background:#4d5356}.trucktype-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 10px #0000000d}.trucktype-table th{color:#fff;text-align:left;background:#2d3436;padding:12px;font-size:14px}.trucktype-table td{border-bottom:1px solid #eee;padding:12px;font-size:14px}.edit{color:#fff;cursor:pointer;background:#f39c12;border:none;border-radius:6px;margin-right:5px;padding:6px 10px}.edit:hover{background:#d68910}.delete{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 10px}.delete:hover{background:#c0392b}.active{color:#27ae60;font-weight:700}.inactive{color:#e74c3c;font-weight:700}.pagination{justify-content:center;gap:8px;margin-top:15px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;transition:all .2s}.pagination button:hover{background:#f1f2f6}.pagination button.active-page{color:#fff;background:#0984e3;border-color:#0984e3}.pagination button:disabled{opacity:.5;cursor:not-allowed}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.active{color:#1e7e34;background:#d1f7d6}.status-badge.inactive{color:#c0392b;background:#ffe0e0}body{background:#f5f7fb;font-family:Arial,sans-serif}.page{padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{color:#111827;margin:0}.page-header p{color:#6b7280;margin:0;font-size:13px}.card{background:#fff;border-radius:10px;margin-bottom:15px;padding:16px;box-shadow:0 2px 10px #0000000d}.grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}input,select,textarea{border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:10px}input:focus,select:focus,textarea:focus{border-color:#3b82f6}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 16px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{color:#fff;text-align:left;background:linear-gradient(90deg,#0f172a,#1e293b);padding:18px;font-size:15px}.table td{border-bottom:1px solid #eee;padding:12px}.table tr:hover{background:#f9fafb}.badge{border-radius:20px;padding:4px 10px;font-size:12px}.COD{color:#b91c1c;background:#fee2e2}.PREPAID{color:#166534;background:#dcfce7}.status{color:#2563eb;font-size:12px}.actions{gap:5px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:5px 8px;font-size:12px}.view{background:#e0f2fe}.edit{background:#fef9c3}.print{background:#ede9fe}.delete{background:#fee2e2}.loader{color:#6b7280;padding:10px}.footer{text-align:right;margin-top:20px}.btn-secondary{color:#2563eb;cursor:pointer;background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb26}.badge-id{letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:7px 16px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #0003}.dashboard{color:#111827;background:#f4f6fc;min-height:100vh;padding:24px;font-family:Inter,Arial,sans-serif}.dashboard h2{margin-bottom:24px;font-size:26px;font-weight:700}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{background:#fff;border-radius:16px;padding:18px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000f}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.card:before{content:"";width:100%;height:5px;position:absolute;top:0;left:0}.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.card h3{margin:10px 0 5px;font-size:30px;font-weight:800}.card p{color:#6b7280;margin:0;font-size:13px}.progress{background:#e5e7eb;border-radius:10px;height:8px;margin-top:12px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .5s}.blue .progress-bar{background:#3b82f6}.green .progress-bar{background:#22c55e}.orange .progress-bar{background:#f59e0b}.red .progress-bar{background:#ef4444}@media (width<=1024px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cards{grid-template-columns:repeat(1,1fr)}}.tracking-container{box-sizing:border-box;background:#f4f7fb;width:100%;min-height:100vh;padding:40px}.tracking-card{background:#fff;border-radius:14px;padding:30px;box-shadow:0 4px 20px #00000014}.tracking-card h1{color:#1f2937;margin:0 0 25px;font-size:28px}.tracking-search{gap:15px;margin-bottom:25px;display:flex}.tracking-search input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;height:50px;padding:0 15px;font-size:15px}.tracking-search input:focus{border-color:#2563eb}.tracking-search button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;height:50px;padding:0 30px;font-size:15px;font-weight:600}.tracking-search button:hover{background:#1d4ed8}.tracking-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px}.tracking-table-wrapper{overflow-x:auto}.tracking-table{border-collapse:collapse;width:100%}.tracking-table thead{color:#fff;background:#2563eb}.tracking-table th,.tracking-table td{text-align:left;border:1px solid #e5e7eb;padding:14px;font-size:14px}.tracking-table tbody tr:nth-child(2n){background:#f9fafb}.tracking-table tbody tr:hover{background:#eff6ff}@page{size:105mm 148mm;margin:0}@media print{html,body,#root{background:#fff!important;width:105mm!important;height:148mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden}.label-page,.label-page *{visibility:visible}.label-page{position:fixed;top:0;left:0;width:105mm!important;height:148mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.label{page-break-after:avoid;border:none!important;width:105mm!important;height:148mm!important;margin:0!important;padding:3mm!important;overflow:hidden!important}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--bg:#f4f7fb;--card-bg:#fff;--text:#111827;--text-light:#6b7280;--border:#e5e7eb;--radius:14px;--shadow:0 10px 30px #00000014;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none}button{cursor:pointer;transition:var(--transition)}input,select,textarea{font-family:inherit}.page{min-height:100vh;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:var(--text-light);margin-top:5px}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:20px;padding:20px;overflow:hidden}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.input,.select,.textarea{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:13px 15px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb14}.history-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;margin-right:8px;padding:8px 14px}.history-btn:hover{background:#0284c7}.btn{border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.badge{border-radius:30px;padding:6px 12px;font-size:12px;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-danger{color:#991b1b;background:#fee2e2}.table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:1100px}.admin-table th{color:#fff;text-align:left;background:linear-gradient(90deg,#0f172a,#1e293b);padding:16px;font-size:14px}.admin-table td{border-bottom:1px solid var(--border);padding:16px;font-size:14px}.admin-table tr:hover{background:#f9fbff}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:95%;max-width:1200px;overflow:hidden;box-shadow:0 25px 60px #00000040}@media (width<=992px){.page-header{flex-direction:column;align-items:flex-start}.filter-row,.filter-row input,.filter-row select,.filter-row button{width:100%}.goods-row{grid-template-columns:1fr}.modal{width:98%}}@media (width<=768px){.page,.card{padding:14px}.page-title{font-size:22px}}