:root{color-scheme:dark;--track-bg:#071421;--track-panel:#12263b;--track-panel-2:#0d1e31;--track-line:#29415a;--track-gold:#f0bc2e;--track-text:#f6f2e9;--track-dim:#aeb9c6;--track-green:#2bc47d;--track-red:#e45b4d}*{box-sizing:border-box}body{min-height:100dvh;color:var(--track-text);background:radial-gradient(circle at 50% 0,#17304b 0,transparent 38%),var(--track-bg);margin:0;font-family:Cairo,system-ui,sans-serif}.tracking-shell,.saved-orders{width:min(100%,920px);min-height:100dvh;margin:auto;padding:24px}.tracking-topbar,.saved-orders>header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:24px;display:grid}.tracking-topbar>a,.tracking-topbar>button,.saved-orders>header>a,.saved-orders>header>button{border:1px solid var(--track-line);width:max-content;min-height:42px;color:var(--track-text);font:inherit;background:#ffffff08;border-radius:12px;align-items:center;gap:7px;padding:8px 13px;text-decoration:none;display:inline-flex}.tracking-topbar>button,.saved-orders>header>button{justify-self:end}.tracking-topbar svg,.saved-orders>header svg{width:18px}.tracking-card{border:1px solid var(--track-line);background:linear-gradient(155deg,var(--track-panel),var(--track-panel-2));border-radius:26px;padding:clamp(20px,4vw,38px);overflow:hidden;box-shadow:0 28px 70px #0007}.tracking-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tracking-heading p{color:var(--track-gold);margin:0;font-size:14px;font-weight:800}.tracking-heading h1{margin:6px 0 0;font-size:clamp(24px,4vw,36px)}.tracking-heading h1 b{color:var(--track-gold)}.tracking-status{color:var(--track-gold);background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.tracking-status svg{width:17px}.status-ready,.status-completed{color:var(--track-green)}.status-cancelled{color:var(--track-red)}.tracking-timeline{grid-template-columns:repeat(4,1fr);gap:10px;margin:40px 0;display:grid;position:relative}.tracking-timeline:before{content:"";inset-inline:10%;background:var(--track-line);height:2px;position:absolute;top:21px}.tracking-step{z-index:1;text-align:center;color:#718297;justify-items:center;gap:8px;font-size:12px;display:grid;position:relative}.tracking-step>span{border:2px solid var(--track-line);background:var(--track-panel-2);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.tracking-step svg{width:19px}.tracking-step.done{color:var(--track-text)}.tracking-step.done>span{border-color:var(--track-gold);color:#102035;background:var(--track-gold)}.tracking-step.current>span{box-shadow:0 0 0 7px #f0bc2e20}.tracking-rejected{color:#ffc5bf;background:#e45b4d13;border:1px solid #e45b4d55;border-radius:16px;gap:14px;margin:30px 0;padding:18px;display:flex}.tracking-rejected>svg{flex:0 0 25px}.tracking-rejected strong,.tracking-rejected p{margin:0}.tracking-rejected p{color:var(--track-dim);margin-top:5px;font-size:13px}.tracking-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.tracking-meta>span{border:1px solid var(--track-line);background:#ffffff05;border-radius:14px;grid-template-columns:auto 1fr;column-gap:10px;padding:14px;display:grid}.tracking-meta svg{width:21px;color:var(--track-gold);grid-row:1/3}.tracking-meta small{color:var(--track-dim)}.tracking-items{border-top:1px solid var(--track-line)}.tracking-items h2{align-items:center;gap:8px;margin:24px 0 10px;font-size:18px;display:flex}.tracking-items h2 svg{width:20px;color:var(--track-gold)}.tracking-item{border-bottom:1px solid #29415a88;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px 0;display:grid}.tracking-item>b{color:var(--track-gold)}.tracking-item div{display:grid}.tracking-item small{color:var(--track-dim)}.tracking-total{justify-content:space-between;align-items:center;padding:22px 0;font-size:20px;display:flex}.tracking-total strong{color:var(--track-gold);font-size:26px}.tracking-updated{text-align:end;color:var(--track-dim);font-size:12px}.tracking-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.tracking-actions button,.tracking-state button,.saved-empty a{border:1px solid var(--track-line);min-height:48px;color:var(--track-text);font:inherit;background:#ffffff09;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.tracking-actions button:first-child{color:#17202b;border-color:var(--track-gold);background:var(--track-gold)}.tracking-actions svg{width:18px}.tracking-privacy{color:var(--track-dim);text-align:center;margin:16px 0 0;font-size:12px}.tracking-state,.saved-empty{text-align:center;align-content:center;place-items:center;gap:15px;min-height:70dvh;display:grid}.tracking-state>svg,.saved-empty>svg{width:48px;height:48px;color:var(--track-gold)}.tracking-state a{color:var(--track-text)}.spin{animation:1s linear infinite track-spin}@keyframes track-spin{to{transform:rotate(360deg)}}.saved-orders>header h1{align-items:center;gap:8px;margin:0;font-size:24px;display:flex}.saved-list{gap:13px;display:grid}.saved-list article{border:1px solid var(--track-line);background:var(--track-panel);border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.saved-list h2,.saved-list small{margin:0}.saved-list small{color:var(--track-gold)}.saved-actions{gap:8px;display:flex}.saved-actions a,.saved-actions button{border:1px solid var(--track-line);min-height:42px;color:var(--track-text);font:inherit;background:#ffffff08;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;text-decoration:none;display:flex}.saved-actions button{color:#ff9e94;width:42px;padding:0}.saved-actions svg{width:17px}@media (width<=620px){.tracking-shell,.saved-orders{padding:14px}.tracking-topbar,.saved-orders>header{margin-bottom:14px}.tracking-heading{display:grid}.tracking-status{justify-self:start}.tracking-timeline{grid-template-columns:1fr;margin:26px 0}.tracking-timeline:before{width:2px;height:auto;inset-block:8%;inset-inline-start:21px}.tracking-step{text-align:start;grid-template-columns:44px 1fr;place-items:center start}.tracking-meta,.tracking-actions{grid-template-columns:1fr}.saved-orders>header{grid-template-columns:auto 1fr auto}.saved-orders>header>a{font-size:0}.saved-list article{flex-direction:column;align-items:flex-start}.saved-actions{width:100%}.saved-actions a{flex:1}}