:root{--g-0: #0b0c0e;--g-1: #111316;--g-2: #15181c;--g-3: #1b1f24;--g-4: #232830;--g-5: #2e343d;--g-6: #3a414b;--g-7: #5a626d;--g-8: #8a929d;--g-9: #c4c9d0;--g-10: #eef1f4;--bg: var(--g-1);--bg-elevated: var(--g-2);--panel: var(--g-2);--panel-raised: var(--g-3);--panel-hover: var(--g-4);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text-primary: var(--g-10);--text-secondary: var(--g-8);--text-tertiary: var(--g-7);--ok: #b9c2cc;--ok-soft: rgba(185, 194, 204, .1);--warn: #c9b790;--warn-soft: rgba(201, 183, 144, .1);--bad: #c98a8a;--bad-soft: rgba(201, 138, 138, .1);--accent: var(--text-primary);--cyan: var(--g-7);--cyan-glow: rgba(255, 255, 255, .06);--danger: var(--bad);--danger-glow: rgba(201, 138, 138, .18);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 32px -16px rgba(0,0,0,.6);--font-sans: "Inter", "Bahnschrift", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Menlo", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{font-family:inherit}.material-icons{font-size:18px;line-height:1;vertical-align:middle}.dashboard-shell{position:relative;min-height:100vh;background:var(--bg);overflow:hidden}.dashboard-page{position:relative;z-index:1;width:100%;max-width:none;margin:0;padding:28px 32px 56px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.dashboard-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:24px 26px}.eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.dashboard-title-row{display:flex;align-items:center;gap:14px}.dashboard-logo{width:40px;height:40px;border-radius:10px;background:var(--panel-raised);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.dashboard-logo .material-icons{font-size:20px}.dashboard-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.dashboard-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.dashboard-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.dashboard-timestamp{margin:0 0 0 4px;font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--text-secondary);background:var(--panel-raised);border:1px solid var(--border-strong);border-radius:999px;text-transform:lowercase;letter-spacing:.04em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.btn-outlined,.btn-text,.action-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;border-radius:10px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.btn-outlined{padding:8px 14px;background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);width:auto;white-space:nowrap}.btn-outlined:hover{background:var(--panel-hover);color:var(--text-primary);border-color:var(--g-6)}.btn-outlined.btn-danger{color:var(--bad);border-color:#c98a8a40}.btn-outlined.btn-danger:hover{background:var(--bad-soft);border-color:#c98a8a73}.btn-text{padding:6px 8px;background:transparent;border:none;color:var(--text-secondary)}.btn-text:hover{color:var(--text-primary)}.action-btn{padding:12px 16px;min-height:48px;background:var(--panel-raised);border:1px solid var(--border-strong);color:var(--text-primary);font-weight:500}.action-btn:hover{background:var(--panel-hover);border-color:var(--g-6);transform:none;box-shadow:none}.action-btn.warning{color:var(--warn);border-color:#c9b79038}.action-btn.warning:hover{background:var(--warn-soft);border-color:#c9b79066}.action-btn.danger{color:var(--bad);border-color:#c98a8a38}.action-btn.danger:hover{background:var(--bad-soft);border-color:#c98a8a66}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px;flex-wrap:wrap}.command-search{display:flex;align-items:center;gap:10px;flex:1 1 320px;max-width:480px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:border-color .18s ease,background-color .18s ease}.command-search:focus-within{border-color:var(--g-6);background:var(--panel-raised)}.command-search .material-icons{font-size:18px;color:var(--text-tertiary)}.command-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;font-family:inherit}.command-search input::placeholder{color:var(--text-tertiary)}.toolbar-caption{margin:0;font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.hero-card{display:flex;flex-direction:column;gap:10px;padding:20px 22px;min-height:130px}.hero-card-top{display:flex;align-items:center;gap:10px}.hero-card-icon{width:32px;height:32px;border-radius:8px;background:var(--panel-raised);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.hero-card-icon .material-icons{font-size:16px}.hero-card-label{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.hero-card-value{margin:4px 0 0;font-size:22px!important;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;word-break:break-word}.hero-card-note{margin:0;font-size:12px;color:var(--text-tertiary)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px 4px}.section-title{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.section-note{margin:0;font-size:12px;color:var(--text-tertiary)}.category-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary)}.table-shell{padding:0;overflow:hidden}.table-shell table{width:100%;border-collapse:collapse}.table-header-row th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding:14px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.agent-row{cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border)}.agent-row:last-child{border-bottom:none}.agent-row:hover{background:var(--panel-hover)}.agent-row td{padding:16px 20px;font-size:13px;color:var(--text-secondary);vertical-align:middle}.host-cell{display:flex;align-items:center;gap:12px}.host-mark{width:34px;height:34px;border-radius:8px;background:var(--panel-raised);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.host-mark .material-icons{font-size:16px}.host-name{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.host-meta{margin:2px 0 0;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.04em}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;font-size:11px;letter-spacing:.06em;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text-secondary);text-transform:lowercase;font-weight:500}.status-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary)}.status-badge.is-online{color:var(--text-primary);border-color:#ffffff26}.status-badge.is-online .status-badge-dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.status-badge.is-offline{color:var(--text-tertiary);opacity:.85}.action-group{display:inline-flex;align-items:center;gap:4px}.action-button{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.action-button:hover{background:var(--panel-hover);color:var(--text-primary);border-color:var(--border-strong)}.action-button:disabled{opacity:.35;cursor:not-allowed}.action-button .material-icons{font-size:16px}.reveal{opacity:0;transform:translateY(6px);animation:reveal-in .55s cubic-bezier(.2,.7,.2,1) forwards}.reveal-1{animation-delay:.02s}.reveal-2{animation-delay:.08s}.reveal-3{animation-delay:.14s}.reveal-4{animation-delay:.2s}.reveal-5{animation-delay:.26s}.reveal-6{animation-delay:.32s}.reveal-7{animation-delay:.38s}@keyframes reveal-in{to{opacity:1;transform:none}}@media (max-width: 1100px){.dashboard-page{padding:24px 22px 48px}}@media (max-width: 720px){.dashboard-page{padding:18px 14px 40px;gap:16px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header-meta{justify-content:flex-start}.table-shell{overflow-x:auto}.table-shell table{min-width:720px}.dashboard-title{font-size:18px}.hero-card-value{font-size:22px}}.login-shell{position:relative;z-index:1;min-height:100vh;width:100%;display:grid;grid-template-columns:1.1fr .9fr;box-sizing:border-box}.login-aside{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%),var(--panel)}.brand-mark{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--text-primary);box-shadow:0 0 0 4px #ffffff0f}.login-hero{max-width:560px}.login-hero h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.login-hero p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6;max-width:480px}.login-meta{display:flex;gap:28px;color:var(--text-tertiary);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.login-meta span{display:flex;align-items:center;gap:8px}.login-meta i{width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block}.login-main{display:flex;align-items:center;justify-content:center;padding:48px 56px}.login-container{width:100%;max-width:440px;padding:36px;background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 24px 70px -24px #000000b3}.login-eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.login-title{font-size:1.7rem;font-weight:600;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.01em}.login-subtitle{color:var(--text-secondary);margin:0 0 28px;font-size:13px}.form-group{margin-bottom:16px}.form-label{display:block;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.form-input{width:100%!important;padding:12px 14px!important;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:10px!important;color:var(--text-primary)!important;font-size:14px!important;font-family:inherit!important;transition:border-color .18s ease,background-color .18s ease;box-sizing:border-box}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{outline:none!important;border-color:var(--g-6)!important;background:var(--panel-raised)!important}.login-button{width:100%;padding:13px;margin-top:8px;background:var(--text-primary);border:1px solid var(--text-primary);border-radius:10px;color:var(--g-0);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.login-button:hover{opacity:.88}.login-button:active{transform:translateY(1px)}.login-footer{margin-top:22px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}@media (max-width: 960px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}.login-main{padding:32px 20px}}.dashboard-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.dashboard-orbit{position:absolute;width:720px;height:720px;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.55;z-index:0}.dashboard-orbit-left{top:-260px;left:-240px;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 35%,transparent 70%)}.dashboard-orbit-right{bottom:-300px;right:-260px;background:radial-gradient(circle at center,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 40%,transparent 75%)}.dashboard-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.025),transparent 55%),linear-gradient(180deg,#0000 70%,#00000059)}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1;transform:none}.status-dot,.status-badge.is-online .status-badge-dot{animation:none}}