:root{--ink:#0a1029;--ink-2:#111a3a;--accent:#22d3ee;--accent-2:#8b5cf6;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--indigo:#6366f1;--blue:#3b82f6}body,html{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss02"}body{background:radial-gradient(1200px 600px at 0 -10%,rgba(99,102,241,.08),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(34,211,238,.08),transparent 60%),linear-gradient(180deg,#f8fafc,#eef2ff);color:#0f172a;min-height:100vh}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.tab-btn{position:relative;transition:color .2s ease,background .2s ease}.tab-btn.active{color:#fff;background:#ffffff14}.tab-btn.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.hero{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(800px 400px at 90% 0,rgba(139,92,246,.35),transparent 60%),radial-gradient(700px 380px at 0 100%,rgba(34,211,238,.25),transparent 60%),linear-gradient(135deg,#0a1029,#111a3a 60%,#1e1b4b);color:#e2e8f0;border:1px solid hsla(0,0%,100%,.06);box-shadow:0 30px 60px -30px #02061780}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 40%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,#000 40%,transparent 80%)}.card,.hero>*{position:relative}.card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 12px 30px -15px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0f172a0a,0 24px 40px -20px #0f172a2e}.card-accent:before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--c,linear-gradient(90deg,var(--accent),var(--accent-2)))}.ring{background:conic-gradient(from 220deg,var(--accent),var(--accent-2),var(--accent));-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%)}.step{position:relative}.step:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:18px;height:2px;background:linear-gradient(90deg,rgba(15,23,42,.18),transparent)}.step:last-child:after{display:none}.progress{height:6px;background:#0f172a0f;border-radius:9999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .9s cubic-bezier(.2,.7,.2,1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;line-height:1.4}.badge-pending{background:#e2e8f0;color:#475569}.badge-ordered{background:#dbeafe;color:#1d4ed8}.badge-arrived{background:#fef3c7;color:#b45309}.badge-delivered{background:#dcfce7;color:#15803d}.badge-overdue{background:#fee2e2;color:#b91c1c}.badge-risk{background:#ffedd5;color:#c2410c}table input,table select{background:transparent}.row-overdue td:first-child{border-left:4px solid #dc2626}.row-risk td:first-child{border-left:4px solid #f97316}.row-delivered td:first-child{border-left:4px solid #16a34a}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal{animation:rise .6s ease both}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}