:root{--bg-0: #0a0d12;--bg-1: #0f131a;--bg-2: #151a23;--bg-3: #1c222d;--border: #232a36;--text: #e7ebf0;--text-muted: #8b94a4;--text-dim: #5b6573;--accent: #4f8cff;--ok: #10b981;--warn: #f59e0b;--crit: #ef4444;--radius: 10px;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg-0);color:var(--text)}button,input{font:inherit;color:inherit}.shell{max-width:520px;margin:0 auto;padding:16px 16px 90px;min-height:100vh}.app-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 16px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;letter-spacing:-.01em}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.lang-select{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px}.offline{background:linear-gradient(135deg,#78350f,#92400e);color:#fef3c7;padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.offline:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;transition:border-color .12s}.card:hover{border-color:#2f3845}.card .ref-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.card .ref{font-weight:600;font-size:14px;letter-spacing:-.01em}.card .badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#1e3a8a33;color:var(--accent)}.card .route{color:var(--text-muted);font-size:13px;display:flex;align-items:center;gap:6px}.card .flag{font-size:10.5px;font-weight:700;padding:1px 5px;background:var(--bg-3);border-radius:3px;color:var(--text-muted);letter-spacing:.04em}.card .customer{font-size:11.5px;color:var(--text-dim);margin-top:6px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius);border:0;background:var(--accent);color:#fff;font-size:15px;font-weight:600;transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn.ghost{background:var(--bg-2);color:var(--text);border:1px solid var(--border)}.btn.big{padding:18px;font-size:16px;margin-top:12px}.field{display:block;width:100%;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;margin-bottom:10px;transition:border-color .12s}.field:focus{outline:none;border-color:var(--accent)}h1{font-size:22px;margin:0 0 12px;letter-spacing:-.02em}h2{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin:20px 0 8px}.empty{padding:40px 12px;text-align:center;color:var(--text-dim);font-size:13px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0f131af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;padding:12px 0 14px;background:transparent;color:var(--text-dim);border:0;font-size:11.5px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color .12s}.tabs button.active{color:var(--text)}.tabs button .icon{font-size:20px;line-height:1}.tabs button.active .icon{color:var(--accent)}.queued{margin-top:14px;font-size:12px;color:var(--warn);display:flex;align-items:center;gap:6px}.queued:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn)}input[type=file]{display:none}