:root{--bg:#F8FAFC;--surface:#FFFFFF;--surface-2:#F1F5F9;--primary:#0EA5E9;--primary-dark:#0369A1;--accent:#0EA5E9;--text:#0F172A;--text-muted:#64748B;--text-dim:#94A3B8;--muted:#64748B;--border:#E2E8F0;--success:#059669;--warn:#D97706;--danger:#DC2626}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.btn{background:var(--primary);color:white;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text)}.btn-danger{background:var(--danger)}.btn-success{background:var(--success)}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;font-size:14px;width:100%}.input:focus{outline:none;border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-pending{background:rgba(245,158,11,.18);color:#FBBF24}.badge-confirmed{background:rgba(59,130,246,.18);color:#60A5FA}.badge-preparing{background:rgba(168,85,247,.18);color:#C084FC}.badge-ready{background:rgba(22,163,74,.18);color:#4ADE80}.badge-collected,.badge-delivered{background:rgba(150,38,37,.18);color:#E66}.badge-cancelled{background:rgba(220,38,38,.18);color:#F87171}.row{gap:12px;align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.text-sm{font-size:13px}.text-xs{font-size:11px}.bold{font-weight:700}.flex-1{flex:1 1}@keyframes dk-toast-in{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}.dk-toast{animation:dk-toast-in .18s ease-out}