:root{--bg:#0f172a;--panel:#1e293b;--panel-2:#273549;--line:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;color-scheme:dark}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;min-height:100%;max-width:640px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}header.top{padding:calc(14px + env(safe-area-inset-top)) 16px;border-bottom:1px solid var(--line);gap:12px}header.top,header.top h1{display:flex;align-items:baseline;justify-content:space-between}header.top h1{margin:0;gap:10px;width:100%}header.top .brand{color:#22d3ee;font-size:18px;font-weight:700;letter-spacing:.12em}header.top .appName{color:var(--text);font-size:15px;font-weight:500;letter-spacing:.02em}header.top .client{color:var(--muted);font-size:13px}main{flex:1 1;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}.card h2{font-size:15px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.row{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.row+.row{border-top:1px solid var(--line)}.row .k{color:var(--muted)}.row .v{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button.danger,button.primary,button.secondary{width:100%;padding:14px;border-radius:10px;border:1px solid transparent;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px}button.primary{background:var(--accent);color:#06202b}button.secondary{background:transparent;border-color:var(--line);color:var(--text)}button.danger{background:var(--bad);color:#2a0b0b}button:disabled{opacity:.45;cursor:not-allowed}input[type=datetime-local],input[type=file],input[type=text],select,textarea{width:100%;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:16px;margin-top:6px}label{display:block;margin-bottom:12px;font-size:14px;color:var(--muted)}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em}.pill.ok{background:rgba(52,211,153,.15);color:var(--ok)}.pill.warn{background:rgba(251,191,36,.15);color:var(--warn)}.pill.bad{background:rgba(248,113,113,.15);color:var(--bad)}.pill.info{background:rgba(56,189,248,.15);color:var(--accent)}.banner{border-radius:10px;padding:11px 13px;font-size:14px;margin-bottom:14px;border:1px solid}.banner.warn{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.4);color:#fde68a}.banner.bad{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.4);color:#fecaca}.banner.info{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.35);color:#bae6fd}video.scanner{width:100%;aspect-ratio:3/4;object-fit:cover;background:#000;border-radius:12px;margin-bottom:10px}.small{font-size:13px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}