:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b1220;color:#e5e7eb}.app{max-width:1100px;margin:0 auto;padding:16px}.header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#1d4ed8;font-weight:700}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.tab{border:1px solid #334155;background:#111827;color:#cbd5e1;border-radius:10px;padding:10px;font-weight:600;cursor:pointer}.tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.card{background:#111827;border:1px solid #334155;border-radius:12px;padding:14px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:6px;font-size:13px;color:#94a3b8}input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#e5e7eb}.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pill{background:#0b1220;border:1px solid #334155;border-radius:10px;padding:10px}.scanner-frame{width:100%;height:70vh;border:1px solid #334155;border-radius:10px;background:#0b1220}@media (max-width: 720px){.tabs{grid-template-columns:1fr 1fr}.grid.two,.kpi{grid-template-columns:1fr}}