:root{--bg: #ffffff;--text: #000000;--border: #000000;--border-light: #cccccc;--hover: #f5f5f5;--active: #e0e0e0;--input-bg: #ffffff;--bubble-color: #0284c7;--platform-color: #475569;--machine-title-color: #2563eb;--status-active: #16a34a;--status-suspended: #b45309;--status-banned: #c00000;--status-retired: #64748b;--row-flagged-bg: #f98b8b;--row-flagged-hover-bg: #f77272}body.dark{--bg: #121212;--text: #e0e0e0;--border: #555555;--border-light: #333333;--hover: #1e1e1e;--active: #2a2a2a;--input-bg: #1e1e1e;--bubble-color: #38bdf8;--platform-color: #cbd5e1;--machine-title-color: #3b82f6;--status-active: #4ade80;--status-suspended: #facc15;--status-banned: #f87171;--status-retired: #94a3b8;--row-flagged-bg: #3d1a1a;--row-flagged-hover-bg: #4a2020}*{box-sizing:border-box}body{margin:0;font-family:monospace;background:var(--bg);color:var(--text)}app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{border-bottom:1px solid var(--border);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}nav{border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.tab{padding:8px 16px;cursor:pointer;border-right:1px solid var(--border);font-size:13px;text-decoration:none;color:var(--text);display:block}.tab.active{font-weight:700;background:var(--active)}.tab:hover:not(.active){background:var(--hover)}main{flex:1;overflow-y:auto;padding:16px}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 10px;cursor:pointer;font-family:monospace;font-size:12px}.btn:hover{background:var(--active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg)}.btn.primary:hover{opacity:.85}.theme-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 10px;cursor:pointer;font-family:monospace;font-size:12px}.theme-btn:hover{background:var(--active)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar h2{margin:0;font-size:15px}.data-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{border:1px solid var(--border);padding:4px 8px;background:var(--active);text-align:left;white-space:nowrap;position:sticky;top:0}td{border:1px solid var(--border-light);padding:3px 8px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:hover td{background:var(--hover)}tr.row-flagged td{background:var(--row-flagged-bg)}tr.row-flagged:hover td{background:var(--row-flagged-hover-bg)}td.cell-danger{background:#f98b8b}td.cell-warn{background:#fec9c9}body.dark td.cell-danger{background:#3d1a1a}body.dark td.cell-warn{background:#2e1a1a}.bubble{font-weight:700;color:var(--bubble-color)}.platform{color:var(--platform-color)}.login{font-weight:600}.account-id{font-size:11px;opacity:.6;margin-right:6px}.mono{font-family:ui-monospace,monospace;font-size:11px}.status{font-size:11px;font-weight:600}.status-active{color:var(--status-active)}.status-suspended{color:var(--status-suspended)}.status-banned{color:var(--status-banned)}.status-retired{color:var(--status-retired)}.status-text{font-size:12px;opacity:.7}.empty{opacity:.4;font-size:13px;padding:20px 0}.machines-list{display:flex;flex-direction:column;gap:16px}.machine-card{position:relative;border:1px solid var(--border);background:var(--bg)}.machine-card.card-clickable{cursor:pointer}.card-header{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.machine-heading{font-size:19px;font-weight:800;font-family:monospace;letter-spacing:-.01em;color:var(--machine-title-color)}.machine-heading.alert{color:var(--status-banned)!important}.card-body{position:relative;padding:16px}.card-mask{position:absolute;inset:0;z-index:1;background:var(--hover);cursor:pointer}.card-inert-overlay{position:absolute;inset:0;z-index:1;background:transparent;cursor:pointer}main.expanded-mode{padding-top:4px}.machine-card.expanded-card .card-header.minimal-header{padding:6px 16px}.machine-card.expanded-card .card-body{padding-top:8px}input[type=text]{border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:8px 12px;font-family:monospace;font-size:14px;outline:none;width:100%}input[type=text]:focus{background:var(--active)}.form-box{border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px;max-width:480px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.class-options{display:flex;gap:8px;flex-wrap:wrap}.opt{border:1px solid var(--border-light);padding:6px 14px;cursor:pointer;font-family:monospace;font-size:13px;-webkit-user-select:none;user-select:none;color:var(--text)}.opt:hover{border-color:var(--border)}.opt.selected{border-color:var(--border);background:var(--active)}.opt input[type=radio]{display:none}.msg{font-size:13px;padding:6px 0}.msg.success{color:#1a7a1a}.msg.error{color:#c00}.login-wrap{display:flex;flex:1;align-items:center;justify-content:center}.login-box{border:1px solid var(--border);padding:48px 40px;width:360px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-box h1{margin:0 0 8px;font-size:16px;font-weight:700}.login-box input{text-align:center}.login-box .btn{width:100%}.login-error{color:#c00;font-size:12px;text-align:center}select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:4px 8px;font-family:monospace;font-size:12px}select:disabled{opacity:.5}