:root{--hx-orange: #ff5a36;--hx-orange-600: #e8461f;--hx-ink: #16181d;--hx-bg: #f1f1f3;--hx-surface: #ffffff;--hx-border: #e2e2e6;--hx-muted: #6b6f76;--hx-critical: #d92d20;--hx-high: #f79009;--hx-medium: #eaaa08;--hx-low: #12b76a;--hx-online: #12b76a;--hx-offline: #98a2b3;--hx-radius: 8px;--hx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--hx-font);background:var(--hx-bg);color:var(--hx-ink)}.hx-shell{display:flex;flex-direction:column;min-height:100vh}.hx-topbar{height:60px;background:var(--hx-ink);display:flex;align-items:center;gap:24px;padding:0 20px;color:#cdd0d6}.hx-brand{font-weight:800;font-size:20px;letter-spacing:1px;color:#fff;white-space:nowrap}.hx-brand .hx-x{color:var(--hx-orange)}.hx-topnav{display:flex;align-items:center;gap:4px;height:100%}.hx-topnav-group{position:relative;height:100%}.hx-topnav-item{display:flex;align-items:center;gap:8px;height:100%;padding:0 14px;color:#cdd0d6;text-decoration:none;font-size:14px;border-bottom:3px solid transparent;cursor:pointer}.hx-topnav-item:hover{color:#fff}.hx-topnav-item.active{color:#fff;border-bottom-color:var(--hx-orange)}.hx-caret{font-size:10px;opacity:.7}.hx-dropdown{position:absolute;top:100%;left:0;min-width:180px;background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius);box-shadow:0 8px 24px #0000001f;padding:6px;display:none;z-index:20}.hx-topnav-group:hover .hx-dropdown,.hx-topnav-group:focus-within .hx-dropdown{display:block}.hx-dropdown-item{display:block;padding:9px 12px;border-radius:6px;color:var(--hx-ink);text-decoration:none;font-size:14px}.hx-dropdown-item:hover{background:var(--hx-bg)}.hx-dropdown-item.active{color:var(--hx-orange);font-weight:600}.hx-topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.hx-scope-toggle{background:transparent;border:1px solid #3a3d44;color:#cdd0d6;border-radius:var(--hx-radius);padding:7px 12px;font-size:13px;cursor:pointer}.hx-scope-toggle:hover{border-color:var(--hx-orange);color:#fff}.hx-role-switch{border:1px solid #3a3d44;border-radius:var(--hx-radius);padding:6px 10px;font-size:13px;color:#cdd0d6;background:#22252b}.hx-tenant{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#fff;white-space:nowrap}.hx-tenant-dot{width:8px;height:8px;border-radius:50%;background:var(--hx-online)}.hx-body{flex:1;display:flex;min-height:0}.hx-leftbar{width:220px;background:var(--hx-surface);border-right:1px solid var(--hx-border);display:flex;flex-direction:column}.hx-leftbar-top{flex:1;overflow-y:auto}.hx-devrail{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.hx-settings{position:relative;border-top:1px solid var(--hx-border);padding:10px 12px}.hx-settings-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:transparent;color:var(--hx-ink);font-size:14px;border-radius:var(--hx-radius);cursor:pointer}.hx-settings-btn:hover{background:var(--hx-bg)}.hx-settings-btn .hx-caret{margin-left:auto;font-size:10px;opacity:.6}.hx-settings-menu{position:absolute;bottom:calc(100% - 4px);left:12px;right:12px;background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius);box-shadow:0 -8px 24px #0000001f;padding:6px;display:none;z-index:20}.hx-settings:hover .hx-settings-menu,.hx-settings:focus-within .hx-settings-menu{display:block}.hx-devrail-head{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--hx-muted);padding:4px 10px 8px}.hx-dev-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--hx-radius);border:none;background:transparent;color:var(--hx-ink);font-size:14px;text-align:left;cursor:pointer;width:100%}.hx-dev-item:hover{background:var(--hx-bg)}.hx-dev-item.active{background:#fff2ee;color:var(--hx-orange-600);font-weight:600}.hx-log-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.hx-log-dot.good{background:var(--hx-low)}.hx-log-dot.no_log{background:var(--hx-critical)}.hx-dev-add{margin-top:8px;padding:9px 10px;font-size:13px;color:var(--hx-orange-600);text-decoration:none;border:1px dashed var(--hx-border);border-radius:var(--hx-radius);text-align:center}.hx-dev-add:hover{border-color:var(--hx-orange)}.hx-content{flex:1;padding:28px;background:var(--hx-bg)}.hx-page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.hx-page-head h1{font-size:22px;margin:0}.hx-badge{font-size:12px;color:var(--hx-orange);border:1px solid var(--hx-orange);border-radius:20px;padding:2px 10px}.hx-card{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius);padding:20px}.hx-empty{color:var(--hx-muted)}.hx-login{min-height:100vh;display:grid;place-items:center;background:var(--hx-bg)}.hx-login-card{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:12px;padding:32px;width:340px;box-shadow:0 10px 40px #00000014}.hx-login-brand{color:var(--hx-ink);font-size:26px;text-align:center;margin-bottom:24px;padding:0}.hx-login-hint{color:var(--hx-muted);font-size:13px;margin:0 0 12px}.hx-field{display:block;margin-bottom:14px}.hx-field span{display:block;font-size:13px;color:var(--hx-muted);margin-bottom:5px}.hx-field input{width:100%;padding:10px 12px;border:1px solid var(--hx-border);border-radius:var(--hx-radius);font-size:14px}.hx-field input:focus{outline:none;border-color:var(--hx-orange)}.hx-btn{width:100%;padding:11px;background:var(--hx-orange);color:#fff;border:none;border-radius:var(--hx-radius);font-size:14px;font-weight:600;cursor:pointer}.hx-btn:hover{background:var(--hx-orange-600)}.hx-btn:disabled{opacity:.6;cursor:default}.hx-btn-sm{width:auto;padding:7px 14px;font-size:13px;margin-left:auto}.hx-error{color:var(--hx-critical);font-size:13px;margin:8px 0}.hx-user{color:#cdd0d6;font-size:13px}.hx-stat-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.hx-stat{flex:1;min-width:130px;background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius);padding:16px}.hx-stat-value{font-size:26px;font-weight:700}.hx-stat-label{font-size:12px;color:var(--hx-muted);margin-top:4px}.hx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hx-card h3{margin:0 0 12px;font-size:15px}.hx-card p{margin:6px 0;font-size:14px}.hx-riskbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--hx-bg)}.hx-riskbar div{height:100%}.hx-risk-legend{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--hx-muted)}.hx-risk-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.hx-table-wrap{padding:0;overflow-x:auto}.hx-table{width:100%;border-collapse:collapse;font-size:14px}.hx-table th{text-align:left;padding:12px 16px;color:var(--hx-muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--hx-border)}.hx-table td{padding:12px 16px;border-bottom:1px solid var(--hx-border)}.hx-table tr:last-child td{border-bottom:none}.hx-pill{color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}.hx-muted{color:var(--hx-muted);font-size:12px}.hx-inline-form{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.hx-inline-form input{padding:8px 10px;border:1px solid var(--hx-border);border-radius:var(--hx-radius);font-size:13px}.hx-filters{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.hx-filters select,.hx-input{padding:8px 10px;border:1px solid var(--hx-border);border-radius:var(--hx-radius);font-size:13px;background:var(--hx-surface)}.hx-fld{display:flex;flex-direction:column;gap:4px}.hx-fld>span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hx-muted)}.hx-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--hx-border)}.hx-tabs button{padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--hx-muted);border-bottom:2px solid transparent}.hx-tabs button.active{color:var(--hx-ink);border-bottom-color:var(--hx-orange);font-weight:600}.hx-chip{display:inline-block;font-size:12px;background:var(--hx-bg);border:1px solid var(--hx-border);border-radius:12px;padding:2px 10px;margin-right:6px}.hx-cli{width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;padding:12px;border:1px solid var(--hx-border);border-radius:var(--hx-radius);background:#16181d;color:#e6e6e6}.hx-hist-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--hx-border)}.hx-hist-row:last-child{border-bottom:none}.hx-comment-input{flex:1;padding:8px 10px;border:1px solid var(--hx-border);border-radius:var(--hx-radius);font-size:13px}