:root{--bg: #0b1120;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--warn: #f59e0b;--ok: #10b981}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.console{max-width:900px;margin:0 auto;padding:24px}h1{margin:0 0 4px}h1 small{color:var(--muted);font-size:14px;font-weight:400}.note{color:var(--muted);margin:0 0 20px;font-size:14px}section{margin:24px 0}h2{font-size:18px;display:flex;align-items:center;gap:8px}.badge{background:var(--warn);color:#000;border-radius:999px;padding:1px 10px;font-size:13px}.empty{color:var(--muted)}.incoming{background:var(--accent);border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.incoming button{margin-left:8px;padding:8px 16px;border-radius:10px;border:none;font-weight:700;cursor:pointer}.incoming .ghost{background:#fff3;color:#fff}.flags{list-style:none;padding:0}.flags li{background:var(--card);border-radius:10px;padding:12px 16px;margin-bottom:8px}.sev{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #334155;font-size:14px}th{color:var(--muted);font-weight:600}.st{padding:2px 10px;border-radius:999px;font-size:12px}.st.open{background:var(--ok);color:#000}.st.closed{background:#475569}.btncnt.on{color:var(--warn);font-weight:700}td.muted{color:var(--muted)}.ph{padding:2px 9px;border-radius:999px;font-size:12px}.ph.scanning{background:var(--accent);color:#fff}.ph.payment{background:var(--warn);color:#000}.ph.complete{background:#475569;color:var(--text)}.note{color:var(--muted);font-size:12.5px;margin:0 0 10px;line-height:1.5}.note b{color:var(--text)}.callmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#02060fd1;display:flex;align-items:center;justify-content:center;padding:20px}.callmodal-inner{background:var(--card, #1e293b);border-radius:18px;padding:18px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px}.callmodal-inner header{display:flex;align-items:center;justify-content:space-between;font-weight:800;gap:10px}.cstate{font-size:13px;padding:3px 10px;border-radius:999px;background:#334155}.cstate.connecting{color:#cbd5e1}.cstate.live{background:var(--ok, #10b981);color:#04231b}.cstate.failed{background:#ef4444;color:#fff}.callmodal-video{width:100%;aspect-ratio:3/4;max-height:60vh;object-fit:cover;background:#0b1220;border-radius:14px}.callmodal-audio{display:none}.callmodal-controls{display:flex;gap:10px;justify-content:center}.cbtn{border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;color:#fff}.cbtn:disabled{opacity:.5;cursor:default}.cbtn.mute{background:#334155}.cbtn.mute.on{background:#3b82f6}.cbtn.end{background:#ef4444}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login form{background:var(--card, #1e293b);border-radius:16px;padding:28px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0;font-size:22px}.login input{padding:12px 14px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:var(--text, #f1f5f9);font-size:16px}.login button{padding:12px;border-radius:10px;border:none;background:var(--accent, #3b82f6);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.login button:disabled{opacity:.5;cursor:default}.login .err{color:#ef4444;font-size:14px;margin:0}h1 .logout{float:right;font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid #334155;background:transparent;color:var(--muted, #94a3b8);cursor:pointer}