:root{--primary-color: #004aad;--primary-light: #0074e8;--primary-dark: #002d70;--primary-rgb: 0, 74, 173;--secondary-color: #009dff;--secondary-light: #60c2ff;--secondary-dark: #006eb3;--surface-color: #ffffff;--background-color: #f4f7fa;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}label{font-weight:600!important}.text-danger{color:var(--danger-color)!important}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;box-shadow:var(--shadow-sm)}.btn.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-back,.btn-vibrant-back,.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1.6rem;border-radius:50px;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#1e293b;color:#fff;border:1.5px solid #1e293b;box-shadow:0 4px 10px #1e293b26;text-decoration:none}.btn-back svg,.btn-back .icon,.btn-vibrant-back svg,.btn-cancel svg,.btn-vibrant-back .icon,.btn-cancel .icon{width:18px;height:18px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.btn-back:hover,.btn-vibrant-back:hover,.btn-cancel:hover{background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px -5px #1e293b66}.btn-back:hover svg,.btn-back:hover .icon,.btn-vibrant-back:hover svg,.btn-cancel:hover svg,.btn-vibrant-back:hover .icon,.btn-cancel:hover .icon{transform:translate(-6px)}.btn-back:active,.btn-vibrant-back:active,.btn-cancel:active{transform:translateY(-1px) scale(1)}.btn-back:disabled,.btn-vibrant-back:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-vibrant,.btn-save,.btn-vibrant-danger,.btn-vibrant-success{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.8rem;border-radius:50px;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--primary-color),#2563eb);color:#fff;border:none;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.btn-vibrant .icon,.btn-save .icon,.btn-vibrant-danger .icon,.btn-vibrant-success .icon,.btn-vibrant svg,.btn-save svg,.btn-vibrant-danger svg,.btn-vibrant-success svg{width:18px;height:18px;transition:transform .3s;margin-top:-1px}.btn-vibrant:hover,.btn-save:hover,.btn-vibrant-danger:hover,.btn-vibrant-success:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 22px rgba(var(--primary-rgb),.35)}.btn-vibrant:hover .icon,.btn-save:hover .icon,.btn-vibrant-danger:hover .icon,.btn-vibrant-success:hover .icon,.btn-vibrant:hover svg,.btn-save:hover svg,.btn-vibrant-danger:hover svg,.btn-vibrant-success:hover svg{transform:scale(1.1)}.btn-vibrant:active,.btn-save:active,.btn-vibrant-danger:active,.btn-vibrant-success:active{transform:translateY(-1px) scale(1)}.btn-vibrant:disabled,.btn-save:disabled,.btn-vibrant-danger:disabled,.btn-vibrant-success:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-vibrant-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.btn-vibrant-success:hover{box-shadow:0 8px 22px #10b98159}.btn-vibrant-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444433}.btn-vibrant-danger:hover{box-shadow:0 8px 22px #ef444459}.btn-vibrant-outline{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.8rem;border-radius:50px;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:none}.btn-vibrant-outline .icon,.btn-vibrant-outline svg{width:18px;height:18px;transition:transform .3s;margin-top:-1px}.btn-vibrant-outline:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 22px rgba(var(--primary-rgb),.2)}.btn-vibrant-outline:hover .icon,.btn-vibrant-outline:hover svg{transform:scale(1.1);filter:brightness(0) invert(1)}.btn-vibrant-outline:active{transform:translateY(-1px) scale(1)}.card{background:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--border-color)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20000;color:#fff}.loading-overlay .loading-truck-wrapper{position:relative;width:280px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.loading-overlay .loading-truck-wrapper .logo-container{margin-bottom:.5rem;animation:logo-float 2.7s ease-in-out infinite}.loading-overlay .loading-truck-wrapper .logo-container .loading-logo{width:100px;height:auto;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.loading-overlay .loading-text{font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.5);margin-top:1.5rem;animation:text-pulse 1.5s ease-in-out infinite}.loading-overlay .progress-bar-container{position:absolute;top:0;left:0;width:100%;height:4px;background:#ffffff1a;overflow:hidden;z-index:2002}.loading-overlay .progress-bar-container .progress-bar{height:100%;background:var(--primary-light);width:30%;position:absolute;animation:indeterminate-progress 2s cubic-bezier(.65,.815,.735,.395) infinite;box-shadow:0 0 10px var(--primary-light)}@keyframes indeterminate-progress{0%{left:-30%}to{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes text-pulse{0%,to{opacity:.8;transform:scale(.98);text-shadow:0 0 10px rgba(255,255,255,.2)}50%{opacity:1;transform:scale(1.02);text-shadow:0 0 20px rgba(255,255,255,.4)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.page-header{flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important;padding:.5rem 0!important}.page-header .header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;width:100%!important}.page-header .header-actions button{width:100%!important;justify-content:center!important;padding:.8rem .5rem!important;font-size:.85rem!important;white-space:nowrap!important;border-radius:50px!important}.page-header .header-title h1{font-size:1.35rem!important;margin-bottom:.2rem!important}.page-header .header-title p{font-size:.85rem!important}.pagination-controls{flex-direction:column!important;align-items:center!important;gap:1.25rem!important;padding:1.5rem 0!important}.pagination-controls .page-size-selector{margin-right:0!important;justify-content:center!important;width:100%!important;font-weight:600!important}.pagination-controls .page-numbers{flex-wrap:wrap!important;justify-content:center!important;gap:.4rem!important}.pagination-controls .page-info{order:-1!important;margin-bottom:.1rem!important;font-weight:800!important;color:var(--primary-color)!important;font-size:.85rem!important}.pagination-controls .page-btn{width:100%!important;max-width:180px!important;padding:.85rem!important;font-weight:800!important;border-radius:12px!important}.floating-actions{flex-direction:column!important;gap:.85rem!important;padding:1.25rem 1.25rem 2rem!important;background:#fffffffa!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.floating-actions button{width:100%!important;min-width:unset!important;padding:1rem!important;font-size:1rem!important;border-radius:12px!important}.search-bar-wrapper{margin-bottom:1.25rem!important}.search-bar-wrapper .search-input{max-width:100%!important;width:100%!important}.search-bar-wrapper .search-input input{padding:.85rem 1rem .85rem 2.8rem!important;font-size:.95rem!important}.content-card{padding:1.5rem 1.25rem!important;border-radius:0!important;border-left:none!important;border-right:none!important;box-shadow:none!important;margin-bottom:5rem!important}}.table-responsive{scrollbar-width:none!important}.table-responsive::-webkit-scrollbar{display:none!important}