@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-blue:#0b1329;--primary-navy:#111c38;--accent-orange:#3b82f6;--accent-orange-hover:#2563eb;--accent-amber:#60a5fa;--bg-light:#f8fafc;--bg-white:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--card-shadow:0 10px 30px -10px #0f172a14;--card-shadow-hover:0 20px 35px -10px #2563eb26;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--admin-bg:#0b1329;--admin-card:#111c38;--admin-card-border:#1e294b;--admin-text:#f8fafc;--admin-muted:#94a3b8;--admin-accent:#3b82f6;--theme-soft-blue:#2563eb;--theme-soft-light:#3b82f6;--theme-soft-tint:#2563eb26}body.theme-emerald{--primary-blue:#064e3b;--primary-navy:#047857;--accent-orange:#d97706;--accent-orange-hover:#b45309;--accent-amber:#f59e0b}body.theme-purple{--primary-blue:#3b0764;--primary-navy:#581c87;--accent-orange:#06b6d4;--accent-orange-hover:#0891b2;--accent-amber:#0284c7}body.theme-crimson{--primary-blue:#881337;--primary-navy:#be123c;--accent-orange:#f43f5e;--accent-orange-hover:#e11d48;--accent-amber:#fb7185}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary-blue);font-family:Outfit,Inter,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 24px}.top-bar{background:var(--primary-blue);color:#cbd5e1;border-bottom:1px solid #ffffff1a;padding:8px 0;font-size:.85rem}.top-bar-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.top-bar-info{align-items:center;gap:20px;display:flex}.top-bar-info span{align-items:center;gap:6px;display:flex}.top-bar-badge{color:var(--accent-orange);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.navbar-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.brand-icon-box{background:linear-gradient(135deg, var(--primary-blue), var(--primary-navy));width:48px;height:48px;color:var(--accent-orange);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0b192c33}.brand-text-name{color:var(--primary-blue);letter-spacing:-.5px;font-size:1.35rem;font-weight:800;line-height:1.1}.brand-text-sub{color:var(--accent-orange);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-link-item{border-radius:var(--radius-sm);color:var(--primary-navy);transition:var(--transition);align-items:center;gap:6px;padding:10px 14px;font-size:.92rem;font-weight:600;display:flex}.nav-link-item:hover{color:var(--accent-orange);background:#ff6b0014}.nav-link-item.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 12px #0b192c26}.nav-link-item.active-admin{background:linear-gradient(135deg, var(--accent-orange), var(--accent-amber));color:#fff;box-shadow:0 4px 14px #ff6b004d}.nav-actions{align-items:center;gap:12px;display:flex}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #2563eb40}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f659}.btn-secondary{color:#60a5fa;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#2563eb26;border:1px solid #3b82f666;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-secondary:hover{background:#2563eb40;border-color:#3b82f6}.mobile-toggle{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;display:none}.page-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-navy) 100%);color:#fff;padding:70px 0;position:relative;overflow:hidden}.page-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b001f 0%,#0000 70%);width:40%;height:100%;position:absolute;top:0;right:0}.hero-title{color:#fff;margin-bottom:16px;font-size:2.8rem;line-height:1.2}.hero-title span{color:var(--accent-orange)}.hero-subtitle{color:#cbd5e1;max-width:680px;margin-bottom:28px;font-size:1.15rem}.section-padding{padding:75px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 50px}.section-subtitle{color:var(--accent-orange);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.section-title{color:var(--primary-blue);font-size:2.2rem;line-height:1.25}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--card-shadow);transition:var(--transition);background:#fff;padding:32px}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--accent-orange);background:#ff6b001a;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.quick-track-card{border-radius:var(--radius-xl);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;padding:32px;box-shadow:0 20px 50px #00000040}.track-input-group{gap:12px;margin-top:16px;display:flex}.track-input-group input{border-radius:var(--radius-md);border:2px solid var(--border-light);transition:var(--transition);outline:none;flex:1;padding:14px 20px;font-size:1rem}.track-input-group input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 4px #ff6b0026}.timeline-list{margin-top:24px;padding-left:28px;position:relative}.timeline-list:before{content:"";background:var(--border-light);width:3px;position:absolute;top:8px;bottom:8px;left:8px}.timeline-item{margin-bottom:24px;position:relative}.timeline-dot{border:3px solid var(--accent-orange);background:#fff;border-radius:50%;width:19px;height:19px;position:absolute;top:4px;left:-28px}.timeline-item.active .timeline-dot{background:var(--accent-orange);box-shadow:0 0 0 4px #ff6b0033}.timeline-time{color:var(--text-muted);font-size:.8rem;font-weight:600}.timeline-location{color:var(--primary-blue);font-size:1rem;font-weight:700}.timeline-note{color:var(--text-muted);font-size:.9rem}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-in_transit{color:#0284c7;background:#38bdf826;border:1px solid #38bdf866}.badge-delivered{color:#15803d;background:#22c55e26;border:1px solid #22c55e66}.badge-booked{color:#c2410c;background:#f9731626;border:1px solid #f9731666}.badge-out_for_delivery{color:#7e22ce;background:#a855f726;border:1px solid #a855f766}.admin-wrapper{background:var(--admin-bg);min-height:100vh;color:var(--admin-text);display:flex}.admin-sidebar{border-right:1px solid var(--admin-card-border);z-index:1000;background:#0a1324;flex-direction:column;flex-shrink:0;width:72px;padding:18px 10px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;position:relative;overflow:hidden}.admin-sidebar:hover,.admin-sidebar.expanded{width:270px;padding:20px 16px;box-shadow:8px 0 32px #0009}.admin-brand{border-bottom:1px solid var(--admin-card-border);margin-bottom:16px;padding-bottom:16px;overflow:hidden}.admin-sidebar:not(:hover):not(.expanded) .admin-brand-details,.admin-sidebar:not(:hover):not(.expanded) .admin-nav-text,.admin-sidebar:not(:hover):not(.expanded) .admin-section-label,.admin-sidebar:not(:hover):not(.expanded) .admin-footer-text{display:none!important}.admin-nav{flex-direction:column;flex:1;gap:8px;display:flex}.admin-nav-item{border-radius:var(--radius-md);color:var(--admin-muted);transition:var(--transition);white-space:nowrap;align-items:center;gap:12px;height:44px;padding:10px 12px;font-weight:600;display:flex;overflow:hidden}.admin-sidebar:not(:hover):not(.expanded) .admin-nav-item{justify-content:center;padding:10px 0}.admin-nav-item:hover{color:#fff;background:#ffffff14}.admin-nav-item.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;box-shadow:0 4px 16px #2563eb66}.admin-content{flex:1;max-width:100%;padding:32px;overflow-y:auto}.admin-header{border-bottom:1px solid var(--admin-card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.admin-title-box h1{color:#fff;font-size:1.8rem;line-height:1.2}.admin-title-box p{color:var(--admin-muted);margin-top:4px;font-size:.9rem}.admin-card{background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;box-shadow:0 10px 30px #0003}.admin-card h2,.admin-card h3{color:#fff;margin-bottom:16px}.table-responsive{border:1px solid var(--admin-card-border);background:#070d19;border-radius:12px;width:100%;overflow-x:auto}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-track{background:#060d1b}.table-responsive::-webkit-scrollbar-thumb{background:#1e294b;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#3b82f6}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.82rem}.data-table th{color:#3b82f6;border-bottom:1.5px solid var(--admin-card-border);white-space:nowrap;vertical-align:middle;text-transform:uppercase;letter-spacing:.4px;background:#091326;padding:12px 14px;font-size:.78rem;font-weight:800}.data-table td{color:var(--admin-text);vertical-align:middle;border-bottom:1px solid #1e2f4d99;padding:12px 14px;font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#2563eb0d}.form-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:16px 18px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;justify-content:flex-start;gap:6px;width:100%;display:flex}.form-group label{color:#3b82f6;letter-spacing:.2px;align-items:center;min-height:22px;margin:0;font-size:.8rem;font-weight:700;line-height:1.2;display:flex}.form-control{border:1px solid var(--admin-card-border);color:#fff;border-radius:var(--radius-sm);box-sizing:border-box;vertical-align:middle;background:#070d1e;outline:none;align-items:center;width:100%;height:42px;min-height:42px;padding:0 14px;font-size:.88rem;transition:border-color .2s,box-shadow .2s;display:flex}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}select.form-control{cursor:pointer;background-color:#070d1e;height:42px}select.form-control option{color:#fff;background:#0b1528;padding:8px 12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#060d1b}::-webkit-scrollbar-thumb{background:#1e294b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}.footer-wrapper{background:var(--primary-blue);color:#cbd5e1;border-top:1px solid #ffffff14;padding-top:70px;padding-bottom:30px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-bottom:50px;display:grid}.footer-col h4{color:#fff;margin-bottom:20px;font-size:1.1rem;position:relative}.footer-col h4:after{content:"";background:var(--accent-orange);width:30px;height:2px;position:absolute;bottom:-6px;left:0}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#cbd5e1;transition:var(--transition)}.footer-links a:hover{color:var(--accent-orange);padding-left:4px}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:24px;font-size:.85rem}@media print{body{color:#000!important;background:#fff!important}.admin-sidebar,.admin-header,.navbar-wrapper,.footer-wrapper,.live-edit-wrapper,button,.btn-primary,.btn-secondary{display:none!important}#printable-tax-invoice{box-shadow:none!important;width:100%!important;max-width:100%!important;padding:0!important}}@media (width<=992px){.nav-links{display:none}.mobile-toggle{display:block}.grid-2,.grid-3{grid-template-columns:1fr}.admin-wrapper{flex-direction:column}.admin-sidebar{width:100%}}input[type=text],input[type=search],textarea,select,.uppercase-input,.invoice-container,.invoice-table,#printable-tax-invoice,#printable-fleet-invoice{text-transform:uppercase}::placeholder{text-transform:none}.dropdown-wrapper{width:100%;margin-bottom:0;font-family:inherit;position:relative}.dropdown-wrapper input{box-sizing:border-box;width:100%}.dropdown-list{z-index:1000;background:#070d19;border:1px solid #1e2f4d;border-radius:8px;width:100%;max-height:200px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 12px 32px #000000d9}.dropdown-list li{cursor:pointer;color:#fff;border-bottom:1px solid #1e2f4d;padding:10px 12px;font-size:.86rem;font-weight:700}.dropdown-list li:hover{background-color:#38bdf826}.no-results{color:#ef4444;text-align:center;padding:12px;font-size:.82rem;font-weight:700}