:root{color-scheme:light}[data-theme="dark"]{color-scheme:dark;--ink:#edf4ff;--text:#c7d2e3;--muted:#8493a9;--bg:#08111f;--surface:#101c2d;--line:#213047;--shadow:0 14px 40px rgba(0,0,0,.28)}.theme-toggle{cursor:pointer}.theme-toggle .moon-icon{display:none}[data-theme="dark"] .theme-toggle .sun-icon{display:none}[data-theme="dark"] .theme-toggle .moon-icon{display:inline}.auth-theme{position:fixed;right:22px;top:22px;z-index:3}.dropdown-theme{display:none}
.sidebar{background:linear-gradient(180deg,#fff,#f8faff 70%,#f4f7fc);color:#52617a;box-shadow:8px 0 30px rgba(20,41,78,.06);border-right:1px solid #e4eaf2}.sidebar .brand{border-color:#e8edf4}.sidebar .brand-copy strong{color:#14213a}.sidebar .brand-copy small{color:#8996a9}.sidebar .nav-label{color:#a0aabc}.sidebar .nav-item{color:#607089}.sidebar .nav-icon{color:#8c99ac}.sidebar .nav-item:hover{color:#1d4f9b;background:#eef4ff}.sidebar .nav-item.active{color:#1f5bc4;background:linear-gradient(90deg,#e8f0ff,#f4f7ff);box-shadow:inset 0 0 0 1px #dce8ff}.sidebar .nav-item.active .nav-icon{color:#2563eb}.sidebar .sidebar-foot{border-color:#e7ecf3}.sidebar .system-status strong{color:#43536b}.sidebar .system-status small{color:#8996aa}.sidebar .track{color:#526681;background:#eef3fa;border-color:#dfe7f1}.sidebar .track:hover{color:#1f5bc4;border-color:#b9cdf1;background:#e6efff}
[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#06101f,#091b36 70%,#07162e);color:#c4d0e3;box-shadow:8px 0 30px rgba(0,0,0,.2);border-right-color:rgba(255,255,255,.05)}[data-theme="dark"] .sidebar .brand{border-color:rgba(255,255,255,.075)}[data-theme="dark"] .sidebar .brand-copy strong{color:#fff}[data-theme="dark"] .sidebar .brand-copy small{color:#7185a4}[data-theme="dark"] .sidebar .nav-label{color:#59708e}[data-theme="dark"] .sidebar .nav-item{color:#9fb0c8}[data-theme="dark"] .sidebar .nav-icon{color:#7189a8}[data-theme="dark"] .sidebar .nav-item:hover{color:#fff;background:rgba(255,255,255,.055)}[data-theme="dark"] .sidebar .nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(50,112,255,.28),rgba(43,116,255,.1));box-shadow:inset 0 0 0 1px rgba(98,148,255,.15)}[data-theme="dark"] .sidebar .nav-item.active .nav-icon{color:#6ca1ff}[data-theme="dark"] .sidebar .sidebar-foot{border-color:rgba(255,255,255,.07)}[data-theme="dark"] .sidebar .system-status strong{color:#cbd7e6}[data-theme="dark"] .sidebar .system-status small{color:#647997}[data-theme="dark"] .sidebar .track{color:#aebed2;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}[data-theme="dark"] .sidebar .track:hover{color:#fff;border-color:#315991;background:rgba(255,255,255,.05)}
[data-theme="dark"] body{background:#08111f;color:#c7d2e3}[data-theme="dark"] .top{background:rgba(13,24,40,.94);border-color:#213047}[data-theme="dark"] .top-context strong,[data-theme="dark"] .user-copy strong,[data-theme="dark"] .page-head h1,[data-theme="dark"] .card h2,[data-theme="dark"] .card-head h2,[data-theme="dark"] .metric strong,[data-theme="dark"] .compact-stat strong{color:#edf4ff}[data-theme="dark"] .icon-btn,[data-theme="dark"] .user-dropdown,[data-theme="dark"] .page-date,[data-theme="dark"] .card,[data-theme="dark"] table{background:#101c2d;border-color:#213047}[data-theme="dark"] .user-menu:hover,[data-theme="dark"] .user-dropdown a:hover{background:#17263a}[data-theme="dark"] .chevron,[data-theme="dark"] .icon-btn{color:#9aabc1}[data-theme="dark"] .page-date strong{color:#e6eefb}[data-theme="dark"] .hero-strip{background:linear-gradient(115deg,#10274a,#163d75 66%,#145a83)}[data-theme="dark"] .metric-icon{background:#17283d}[data-theme="dark"] .trend,[data-theme="dark"] .chip{background:#162438;border-color:#293a51;color:#93a3b9}[data-theme="dark"] .metric-line,[data-theme="dark"] .status-bar{background:#26364b}[data-theme="dark"] .compact-icon.emerald{background:#12372f}[data-theme="dark"] .compact-icon.amber{background:#3b2d13}[data-theme="dark"] .compact-icon.violet{background:#2b2341}[data-theme="dark"] thead th{background:#0d1828;color:#8290a5}[data-theme="dark"] th,[data-theme="dark"] td{border-color:#213047}[data-theme="dark"] tbody tr:hover{background:#142238}[data-theme="dark"] .tracking-link{color:#72a0ff}[data-theme="dark"] .receiver-cell>span{background:#1b3154;color:#82aaff}[data-theme="dark"] .receiver-cell strong,[data-theme="dark"] .money{color:#dce7f7}[data-theme="dark"] .badge{background:#1d2c40;color:#a9bad0}[data-theme="dark"] .status-delivered{background:#12382f;color:#57deb0}[data-theme="dark"] .status-failed,[data-theme="dark"] .status-cancelled{background:#402126;color:#ff858a}[data-theme="dark"] .status-in-transit,[data-theme="dark"] .status-out-for-delivery{background:#172f55;color:#78a7ff}[data-theme="dark"] .status-new{background:#2c2545;color:#b29aff}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0c1727;border-color:#293950;color:#d8e2f1}[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{background:#101d30;border-color:#537fd8}[data-theme="dark"] label{color:#aab8cb}[data-theme="dark"] .auth{background:radial-gradient(circle at 75% 15%,#143d70 0,transparent 32%),linear-gradient(145deg,#050c16,#0b1e36)}[data-theme="dark"] .auth .card h1{color:#edf4ff}[data-theme="dark"] .alert{background:#12342d;border-color:#205948;color:#64d9b3}[data-theme="dark"] .alert.error{background:#3b2025;border-color:#6a3037;color:#ff9da2}
@media(max-width:600px){.top-actions>.theme-toggle{display:none}.dropdown-theme{display:flex;width:100%;align-items:center;gap:9px;padding:9px 11px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;border-radius:7px}.dropdown-theme:hover{background:#f1f5f9}[data-theme="dark"] .dropdown-theme:hover{background:#17263a}}

/* Four Fusion Express brand */
:root{--navy:#082a53;--navy-2:#0d3c72;--primary:#0879dc;--primary-2:#1392f2;--cyan:#17a6dd;--emerald:#65ad16;--violet:#8429a7;--ink:#0b294d;--bg:#f3f8fc;--line:#dce8f1}
.brand-logo{width:43px;height:43px;object-fit:contain;flex:none;border-radius:9px;background:#fff;padding:2px}
.brand-copy strong{font-size:14px;letter-spacing:.01em}.brand-copy small{font-size:9px;letter-spacing:.18em;color:#8dc845}
.sidebar{background:linear-gradient(180deg,#082a53,#071e3e 72%,#06172f);color:#d7e9f5}
.sidebar .brand{border-color:rgba(255,255,255,.12)}.sidebar .brand-copy strong{color:#fff}.sidebar .brand-copy small{color:#94cb47}
.sidebar .nav-label{color:#84a7c5}.sidebar .nav-item{color:#c2d9eb}.sidebar .nav-icon{color:#8fb4d4}.sidebar .nav-item:hover{background:rgba(42,155,231,.15);color:#fff}
.sidebar .nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(12,126,217,.38),rgba(103,180,34,.17));box-shadow:inset 0 0 0 1px rgba(130,197,222,.22)}
.sidebar .nav-item.active .nav-icon{color:#a7d64b}.sidebar .nav-item.active i{background:#85c72d;box-shadow:0 0 12px #85c72d}
.sidebar .system-status strong{color:#dcebf6}.sidebar .track{color:#d2e5f4;background:rgba(255,255,255,.07)}
.top{border-bottom-color:#dce8f1}.top-kicker,.eyebrow{color:#4a92bd}.avatar,.btn{background:linear-gradient(135deg,#0879dc,#188ecb);box-shadow:0 6px 14px rgba(8,121,220,.18)}
.btn:hover{box-shadow:0 9px 20px rgba(8,121,220,.25)}.btn-light{background:#fff;color:#0b447d}.hero-strip{background:linear-gradient(110deg,#082a53,#0b5796 64%,#469c32);box-shadow:0 16px 36px rgba(8,67,120,.19)}.hero-strip .eyebrow{color:#b4e56b}.hero-strip p{color:#d8ecf7}
.tone-0{--metric:#0879dc}.tone-1{--metric:#65ad16}.tone-2{--metric:#8429a7}.tone-3{--metric:#ee820c}
.tracking-link,.card-head a{color:#0879dc}.status-in-transit,.status-out-for-delivery{color:#0879dc;background:#e6f3fe}.status-new{color:#812a9e;background:#f6ebfa}
input:focus,select:focus,textarea:focus{border-color:#39a2e4;box-shadow:0 0 0 3px rgba(8,121,220,.12)}
.auth{background:radial-gradient(circle at 15% 18%,rgba(24,153,224,.28),transparent 34%),radial-gradient(circle at 85% 82%,rgba(112,186,36,.2),transparent 32%),linear-gradient(145deg,#061a36,#0a3a69)}
.auth .card{width:min(450px,92vw);padding:38px;box-shadow:0 28px 75px rgba(3,24,50,.3)}.auth-logo{display:block;width:min(100%,210px);height:auto;margin:0 auto 22px}.auth .card h1{font-size:25px;margin-top:0}.auth .card .btn{width:100%;min-height:42px}.auth .card p:last-child{text-align:center;margin-bottom:0}.auth .card p:last-child a{color:#0879dc;font-weight:700;text-decoration:none}
[data-theme="dark"]{--primary:#47aff5;--primary-2:#69c3ff;--bg:#071a2d;--surface:#10253c;--line:#24445e;--ink:#e9f5ff;--text:#cfdfeb;--muted:#8fafc6}
[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#061b34,#082a4b 72%,#061a31)}[data-theme="dark"] .sidebar .nav-item.active{background:linear-gradient(90deg,rgba(12,126,217,.38),rgba(103,180,34,.17))}[data-theme="dark"] .sidebar .nav-item.active .nav-icon{color:#a7d64b}
[data-theme="dark"] body{background:#071a2d;color:#cfdfeb}[data-theme="dark"] .top{background:rgba(9,32,54,.94);border-color:#24445e}[data-theme="dark"] .card,[data-theme="dark"] .icon-btn,[data-theme="dark"] .page-date,[data-theme="dark"] .user-dropdown,[data-theme="dark"] table{background:#10253c;border-color:#24445e}[data-theme="dark"] .hero-strip{background:linear-gradient(110deg,#082a53,#0b477a 65%,#326f2f)}[data-theme="dark"] .auth{background:radial-gradient(circle at 15% 18%,rgba(24,153,224,.24),transparent 34%),radial-gradient(circle at 85% 82%,rgba(112,186,36,.17),transparent 32%),linear-gradient(145deg,#061528,#092c50)}

.tracking-logo{display:block;width:min(290px,100%);height:auto;margin:0 0 22px}

/* Keep the dark wordmark legible in both theme modes. */
[data-theme="dark"] .auth .card{background:#fff;border-color:#dce8f1;color:#35435b}[data-theme="dark"] .auth .card h1{color:#0b294d}[data-theme="dark"] .auth .card label{color:#45546a}[data-theme="dark"] .auth .card .muted{color:#65758a}[data-theme="dark"] .auth .card input{background:#fbfcfe;border-color:#dce3ec;color:#24344d}[data-theme="dark"] .auth .card input:focus{background:#fff;border-color:#39a2e4}