:root{--bg0: #0e1419;--bg1: #152028;--bg2: #1c2a35;--line: #2a3d4c;--text: #e8eef3;--muted: #8fa3b3;--accent: #2bb0a6;--accent-dim: #1a6f69;--warn: #d4a017;--danger: #d64545;--ok: #3ecf8e;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1a3a40 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#243048 0%,transparent 50%),var(--bg0);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg1) 88%,transparent);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.brand{font-weight:700;letter-spacing:.02em;font-size:1.25rem}.brand span{color:var(--accent)}.nav{display:flex;flex-direction:column;gap:.35rem}.nav a{padding:.55rem .75rem;border-radius:8px;color:var(--muted)}.nav a.active,.nav a:hover{background:var(--bg2);color:var(--text)}.main{padding:1.5rem 1.75rem 2.5rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-head h1{margin:0;font-size:1.5rem;font-weight:600}.page-head p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.stat{background:var(--bg1);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}.stat .label{color:var(--muted);font-size:.8rem}.stat .value{margin-top:.25rem;font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums}.panel{background:var(--bg1);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel.panel-table,.panel.survey-panel{overflow:visible}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:color-mix(in srgb,var(--bg2) 70%,transparent)}.table tr.row-selected td{background:color-mix(in srgb,var(--accent) 12%,var(--bg2))}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg2)}.badge.online{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.badge.offline{color:var(--muted)}.badge.critical,.badge.high,.badge.warning{color:#ffb4b4}.badge.medium,.badge.info{color:#ffd28a}.badge.ticket-status.open{color:#9ec5ff;border-color:color-mix(in srgb,#9ec5ff 40%,var(--line))}.badge.ticket-status.in_progress{color:#ffd28a;border-color:color-mix(in srgb,#ffd28a 40%,var(--line))}.badge.ticket-status.waiting{color:var(--muted)}.badge.ticket-status.resolved{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.badge.ticket-status.closed{color:var(--muted)}.ticket-description{margin:0;white-space:pre-wrap;line-height:1.55}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:8px;padding:.45rem .8rem;cursor:pointer}.btn:hover{border-color:var(--accent-dim)}.btn.primary{background:linear-gradient(180deg,#2fc4b8,#1f8f87);border-color:transparent;color:#041512;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;gap:.75rem;padding:1rem}.form-grid label{display:grid;gap:.35rem;color:var(--muted);font-size:.85rem}.form-grid input,.form-grid textarea,.form-grid select{background:var(--bg0);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.55rem .7rem}.mono{font-family:var(--mono);font-size:.85rem}.muted{color:var(--muted)}.empty{padding:2rem 1rem;text-align:center;color:var(--muted)}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.nav{flex-direction:row;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(400px,100%);background:var(--bg1);border:1px solid var(--line);border-radius:14px;padding:1.5rem;display:grid;gap:.85rem}.login-card-wide{width:min(520px,100%)}.login-card label{display:grid;gap:.35rem;color:var(--muted);font-size:.85rem}.login-card input,.login-card select,.login-card textarea{background:var(--bg0);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.55rem .7rem}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;background:var(--bg0);border:1px solid var(--line);border-radius:10px;padding:.25rem}.login-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);border-radius:8px;padding:.5rem .75rem;cursor:pointer;font:inherit;font-size:.9rem}.login-tab.active{background:var(--bg2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.login-error{margin:0;color:#ffb4b4;font-size:.9rem}.password-field{display:flex;gap:.35rem}.password-field input{flex:1}.password-toggle{flex-shrink:0;padding:.45rem .55rem;font-size:.8rem}.remote-viewer{margin-top:.75rem;background:#05080a;border:1px solid var(--line);border-radius:12px;overflow:hidden}.remote-viewer-toolbar{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .85rem;border-bottom:1px solid var(--line);background:var(--bg1);font-size:.85rem}.remote-canvas{display:block;width:100%;max-height:min(72vh,900px);object-fit:contain;background:#000;cursor:crosshair;outline:none}.remote-canvas:focus{box-shadow:inset 0 0 0 2px var(--accent-dim)}.table th.col-check,.table td.col-check{width:2.5rem;padding-right:.35rem}.table-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 8%,var(--bg1));font-size:.9rem}.btn.danger{background:color-mix(in srgb,var(--danger) 28%,var(--bg2));border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.action-menu{position:relative;display:inline-block}.action-menu-trigger{white-space:nowrap}.action-menu-panel{position:absolute;top:calc(100% + .25rem);right:0;z-index:50;min-width:11rem;background:var(--bg1);border:1px solid var(--line);border-radius:10px;padding:.35rem;box-shadow:0 8px 24px #00000059}.action-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text);border-radius:6px;padding:.5rem .65rem;cursor:pointer;font:inherit;font-size:.88rem}.action-menu-item:hover:not(:disabled){background:var(--bg2)}.action-menu-item.danger{color:#ffb4b4}.action-menu-item:disabled{opacity:.5;cursor:not-allowed}.badge.signaling,.badge.requested,.badge.connecting{background:color-mix(in srgb,var(--warn) 22%,transparent);color:#f0d78c}