:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grey-950:#0a0a0d;--grey-900:#111116;--grey-850:#17171c;--grey-800:#1d1d24;--grey-700:#2a2a34;--grey-600:#35353f;--grey-500:#4a4a56;--grey-400:#6b6b78;--grey-300:#9797a5;--grey-100:#ededf2;--accent:#2e7d32;--accent-strong:#1b8e3c;--accent-soft:#6fcf7a;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--grey-950);color:var(--grey-100);font-family:var(--font-sans)}a{color:inherit}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--grey-950)}::-webkit-scrollbar-thumb{background:var(--grey-600);border-radius:6px}.app-shell{height:100vh;display:flex}.sidebar{background:var(--grey-900);border-right:1px solid var(--grey-700);flex-direction:column;flex-shrink:0;width:220px;padding:20px 14px;display:flex}.sidebar h1{margin:0 8px 4px;font-size:16px;font-weight:700}.sidebar-brand{padding:0 4px 20px}.sidebar-brand img{width:100%;height:auto;display:block}.sidebar .subtitle{color:var(--grey-400);margin:0 8px 24px;font-size:11px}.nav-link{color:var(--grey-300);border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--grey-800)}.nav-link.active{color:var(--accent-soft);background:#17301b}.main{flex:1;padding:28px 36px;overflow-y:auto}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--grey-400);margin:0 0 24px;font-size:13px}.card{background:var(--grey-850);border:1px solid var(--grey-700);border-radius:14px;padding:18px 20px}.btn{color:#fff;background:var(--accent);border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--grey-800);border:1px solid var(--grey-600);color:var(--grey-100)}.btn-secondary:hover{background:var(--grey-700)}.btn-danger{color:#ff6b6b;background:0 0;border:none;padding:6px 10px;font-size:11px;font-weight:600}.btn-danger:hover{background:#2a0000;border-radius:6px}.input{background:var(--grey-950);border:1px solid var(--grey-600);color:var(--grey-100);border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.input:focus{border-color:var(--accent);outline:none}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--grey-400) 50%), linear-gradient(135deg, var(--grey-400) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.input-compact{width:auto;min-width:120px;padding:6px 28px 6px 10px;font-size:12px}.badge{letter-spacing:.03em;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-success{color:#6fcf7a;background:#123018}.badge-muted{background:var(--grey-800);color:var(--grey-400)}.badge-target{color:#7eb8ff;background:#15263a}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--grey-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--grey-700);padding:10px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--grey-700);padding:12px}.modal-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--grey-850);border:1px solid var(--grey-600);border-radius:16px;width:420px;max-width:calc(100vw - 40px);padding:24px}.modal h2{margin:0 0 16px;font-size:17px}.form-label{color:var(--grey-400);margin-bottom:6px;font-size:12px;display:block}.form-error{color:#ff6b6b;margin-bottom:12px;font-size:12px}.form-success{color:#6fcf7a;margin-bottom:12px;font-size:12px}.connection-alert{border-bottom:1px solid;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.connection-alert-checking{color:#8ec9ff;background:#1a2a3d;border-color:#2f4f6b}.connection-alert-offline{color:#ff8e8e;background:#3d1a1a;border-color:#6b2f2f}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.empty-state{color:var(--grey-400);text-align:center;padding:40px 0;font-size:13px}.otp-card{background:var(--grey-850);border:1px solid var(--grey-600);border-radius:14px;margin-bottom:16px;padding:18px 20px}.otp-code{font-family:var(--font-mono);color:#6fcf7a;letter-spacing:4px;font-size:28px;font-weight:700}.otp-meta{color:var(--grey-400);margin-top:8px;font-size:12px}.filters-bar{margin-bottom:16px}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-field{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.filter-field span{color:var(--grey-400);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.device-id{font-family:var(--font-mono);color:var(--grey-400);font-size:11px}