.pulse{display:block;width:100%}.pulse-sm{height:20px}.pulse-md{height:32px}.pulse-lg{height:56px}.pulse-svg{width:100%;height:100%;overflow:visible}.pulse-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation-name:pulse-travel;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 0 3px currentColor)}.pulse-line-flat{fill:none;stroke-width:2;stroke-linecap:round;opacity:.5}@keyframes pulse-travel{0%{stroke-dashoffset:220}to{stroke-dashoffset:-220}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ab3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--hairline-bright);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.modal-card h2{font-size:var(--text-xl)}.modal-sub{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-5)}.modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.modal-form label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.optional{color:var(--text-faint)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.modal-actions .btn-primary,.modal-actions .btn-ghost{width:auto}.install-cmd{display:flex;align-items:flex-start;gap:var(--space-3);background:#05070a;border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3)}.install-cmd code{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--status-healthy);white-space:pre-wrap;word-break:break-all}.install-cmd .btn-ghost{flex-shrink:0}.modal-note{color:var(--text-faint);font-size:var(--text-xs);margin-top:var(--space-3)}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.app-header-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.app-header-actions .nav-active{color:var(--data-trace);border-color:var(--data-trace)}.action-panel{display:flex;flex-direction:column;gap:var(--space-3)}.action-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.action-target-row{display:flex;gap:var(--space-2);grid-column:1 / -1}.action-target-row input{flex:1;font-family:var(--font-mono);font-size:var(--text-sm)}.btn-secondary,.btn-danger,.btn-ghost{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;border:1px solid var(--hairline-bright);background:var(--surface-raised);color:var(--text);transition:border-color .15s ease,background .15s ease;width:100%}.btn-secondary:hover,.btn-ghost:hover{border-color:var(--data-trace)}.btn-danger{border-color:var(--status-critical-dim);color:var(--status-critical)}.btn-danger:hover{border-color:var(--status-critical);background:var(--status-critical-dim)}.btn-ghost{width:auto;background:transparent}button:disabled{opacity:.5;cursor:not-allowed}.action-status{color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono);margin:0}.action-result{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--hairline)}.action-result.success{border-color:var(--status-healthy-dim);color:var(--status-healthy)}.action-result.error{border-color:var(--status-critical-dim);color:var(--status-critical)}.action-result pre{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto}.dashboard{padding:var(--space-6) 0 var(--space-8)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.dashboard-header h1{font-size:var(--text-3xl)}.dashboard-sub{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 0}.dashboard-header .btn-primary{width:auto;white-space:nowrap}.dashboard-error{color:var(--status-critical);font-size:var(--text-sm)}.empty-state{border:1px dashed var(--hairline-bright);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-muted)}.empty-state h3{color:var(--text);margin-bottom:var(--space-2)}.empty-state .btn-primary{width:auto;margin-top:var(--space-4)}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.server-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-5);transition:border-color .15s ease,transform .15s ease}.server-card:hover{border-color:var(--hairline-bright);transform:translateY(-1px)}.server-card-top{display:flex;justify-content:space-between;align-items:flex-start}.server-card-top h3{font-size:var(--text-lg)}.server-hostname{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.status-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.status-healthy{background:var(--status-healthy);box-shadow:0 0 8px var(--status-healthy)}.status-warning{background:var(--status-warning);box-shadow:0 0 8px var(--status-warning)}.status-critical{background:var(--status-critical);box-shadow:0 0 8px var(--status-critical)}.status-offline{background:var(--status-offline)}.server-card-metrics{display:flex;flex-direction:column;gap:var(--space-3)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-4);align-items:start}.settings-actions{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4)}.ssh-terminal-wrap{background:#05070a;border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}.ssh-terminal-statusbar{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.ssh-status-dot{width:7px;height:7px;border-radius:50%}.ssh-status-connecting{background:var(--status-warning)}.ssh-status-open{background:var(--status-healthy);box-shadow:0 0 6px var(--status-healthy)}.ssh-status-closed{background:var(--status-offline)}.ssh-status-error{background:var(--status-critical)}.ssh-terminal-container{height:480px;padding:var(--space-3)}@media (max-width: 640px){.ssh-terminal-container{height:360px}}.server-detail{padding:var(--space-6) 0 var(--space-8)}.detail-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline)}.back-link{color:var(--text-muted);font-size:var(--text-sm);display:inline-block;margin-bottom:var(--space-5)}.back-link:hover{color:var(--data-trace)}.detail-error,.detail-loading{padding:var(--space-8) 0;color:var(--text-muted);text-align:center}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.detail-header h1{font-size:var(--text-2xl)}.detail-header-pulse{width:200px;max-width:45vw}.detail-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-5)}.tab-btn{background:none;border:none;color:var(--text-muted);padding:var(--space-3) var(--space-2);font-size:var(--text-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn.active{color:var(--text);border-bottom-color:var(--data-trace)}.range-picker{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.range-btn{background:var(--surface);border:1px solid var(--hairline);color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono)}.range-btn.active{color:var(--data-trace);border-color:var(--data-trace)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.chart-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-3)}.chart-card h4{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.alerts-panel{display:flex;flex-direction:column;gap:var(--space-4)}.rule-form{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline)}.rule-form select{font-size:var(--text-sm)}.rule-form-text{color:var(--text-muted);font-size:var(--text-sm)}.rule-list,.event-row{display:flex;flex-direction:column;gap:var(--space-2)}.rule-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--hairline);font-size:var(--text-sm)}.rule-row-buttons{display:flex;gap:var(--space-2);margin-left:auto}.rule-row-buttons .btn-ghost{padding:4px 10px;font-size:var(--text-xs)}.rule-row-editing{flex-wrap:wrap}.rule-row-editing select,.rule-row-editing input{font-size:var(--text-sm)}.rule-row-editing .btn-ghost,.rule-row-editing .btn-primary{margin-left:0}.rule-channel{color:var(--text-faint);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase}.event-row{flex-direction:row;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--hairline)}.event-row .status-dot{margin-top:6px}.event-message{margin:0;font-size:var(--text-sm)}.event-time{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono)}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(circle at 20% 20%,rgba(94,200,216,.06),transparent 40%),var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-card)}.auth-logo{font-size:var(--text-2xl);letter-spacing:-.02em}.auth-sub{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 var(--space-5)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.auth-error{color:var(--status-critical);font-size:var(--text-sm);margin:0}.btn-primary{background:var(--data-trace);color:#0b0e13;border:none;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;transition:opacity .15s ease}.btn-primary:hover{opacity:.88}.auth-footer{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--text-muted);text-align:center}.auth-footer a{color:var(--data-trace)}:root{--bg: #0b0e13;--surface: #12161d;--surface-raised: #171c24;--hairline: #232933;--hairline-bright: #303845;--text: #e8eaed;--text-muted: #7c8591;--text-faint: #4d5561;--status-healthy: #3ecf8e;--status-healthy-dim: #1f4d3a;--status-warning: #e8a33d;--status-warning-dim: #4d3a1a;--status-critical: #e5484d;--status-critical-dim: #4d2224;--status-offline: #4d5561;--data-trace: #5ec8d8;--data-trace-fill: rgba(94, 200, 216, .12);--accent: #5ec8d8;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .24)}:root[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface-raised: #eef0f3;--hairline: #dde1e6;--hairline-bright: #c7cdd4;--text: #12161d;--text-muted: #565f6b;--text-faint: #8c94a0;--status-healthy-dim: #d6f3e6;--status-warning-dim: #fbe8d1;--status-critical-dim: #fbdadb;--data-trace-fill: rgba(14, 130, 148, .1);--shadow-card: 0 1px 2px rgba(20, 24, 30, .06), 0 8px 24px rgba(20, 24, 30, .08)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{font-family:var(--font-body);background:var(--surface);border:1px solid var(--hairline);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm)}input:focus,select:focus{border-color:var(--accent)}::selection{background:var(--data-trace-fill)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}@media (max-width: 640px){.container{padding:0 var(--space-4)}}