:root{--bg:#14171c;--bg-panel:#1b1f27;--bg-panel-2:#20252e;--border:#2b313d;--text:#e6e9ef;--text-dim:#9aa4b2;--accent:#4f8cff;--accent-hover:#6ea0ff;--danger:#e5534b;--danger-hover:#f16961;--ok:#3fb950;--warn:#d29922;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}:root[data-tema=light]{--bg:#f4f5f7;--bg-panel:#fff;--bg-panel-2:#eef0f3;--border:#d7dbe1;--text:#1a1d23;--text-dim:#5c6470;--accent:#3568d4;--accent-hover:#2a54ad;--danger:#c8392f;--danger-hover:#a92e26;--ok:#1e8a3e;--warn:#a06600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{cursor:pointer;font-family:inherit}input,select,textarea{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}.btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#262c37}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{background:var(--danger-hover)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--text-dim);font-size:12px}.error-text{color:var(--danger);font-size:13px}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:var(--ok);background:#3fb95026}.badge-off{color:var(--danger);background:#e5534b26}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:420px;max-width:90vw;max-height:85vh;padding:20px;overflow-y:auto}.modal-box h3{margin-top:0}.list-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.list-row:hover{background:var(--bg-panel-2)}.list-row.active{background:#4f8cff1f}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}