:root{
  --navy-950:#071620;
  --navy-900:#0B2333;
  --navy-800:#123249;
  --navy-700:#1B4562;
  --amber-500:#FF7A29;
  --amber-400:#FFA35C;
  --amber-100:#FFE3CC;
  --ivory:#EDF0F3;
  --white:#FFFFFF;
  --steel-700:#3F4C56;
  --steel-400:#7C8A96;
  --steel-200:#C7CED3;
  --line:rgba(11,35,51,0.12);
  --line-dark-ui:rgba(255,255,255,0.14);
  --shadow:0 20px 50px rgba(7,22,32,0.12);
  --radius:14px;
  --display:'Big Shoulders Display', sans-serif;
  --body:'Inter', sans-serif;
  --mono:'Space Mono', monospace;
  --ok:#2FA96A;
  --warn:#E0A100;
  --danger:#E1523D;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--body); background:var(--ivory); color:var(--navy-900);}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{font-family:var(--display); text-transform:uppercase; letter-spacing:0.01em; color:var(--navy-900);}
.eyebrow{
  font-family:var(--mono); font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--amber-500); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--amber-500);display:inline-block;}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 24px; border-radius:999px; font-family:var(--mono); font-size:13px;
  letter-spacing:0.05em; text-transform:uppercase; font-weight:700; cursor:pointer;
  border:none; transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-primary{background:var(--amber-500); color:var(--navy-950);}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,122,41,0.3);}
.btn-dark{background:var(--navy-900); color:var(--white);}
.btn-dark:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(11,35,51,0.25);}
.btn-outline{background:transparent; color:var(--navy-900); border:1px solid var(--line);}
.btn-outline:hover{background:rgba(11,35,51,0.05);}
.btn-danger{background:var(--danger); color:var(--white);}
.btn-danger:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(225,82,61,0.3);}
.btn:disabled{opacity:0.5; cursor:not-allowed; transform:none !important; box-shadow:none !important;}
input, select, textarea{
  font-family:var(--body); font-size:14px; padding:11px 14px; border-radius:9px;
  border:1px solid var(--line); background:var(--white); color:var(--navy-900); width:100%;
}
input:focus, select:focus, textarea:focus{outline:2px solid var(--amber-400); outline-offset:1px;}
label{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:var(--steel-700); display:block; margin-bottom:6px;}
.badge{
  display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px;
  font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.05em; font-weight:700;
}
.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor;}
.badge.st-pending, .badge.st-delayed{color:var(--warn); background:rgba(224,161,0,0.12);}
.badge.st-transit, .badge.st-pickup, .badge.st-outfordelivery{color:var(--amber-500); background:rgba(255,122,41,0.12);}
.badge.st-delivered{color:var(--ok); background:rgba(47,169,106,0.12);}
.badge.st-hold, .badge.st-cancelled{color:var(--danger); background:rgba(225,82,61,0.12);}