:root{--bg: #0b0f17;--bg-elevated: #131926;--bg-input: #0f151f;--border: #223047;--text: #e6edf7;--text-muted: #8fa3bf;--healthy: #3ddc97;--healthy-bg: rgba(61, 220, 151, .12);--healthy-border: rgba(61, 220, 151, .35);--warning: #ffb648;--warning-bg: rgba(255, 182, 72, .12);--warning-border: rgba(255, 182, 72, .35);--critical: #ff5f6d;--critical-bg: rgba(255, 95, 109, .12);--critical-border: rgba(255, 95, 109, .35);--unknown: #8b9bb4;--unknown-bg: rgba(139, 155, 180, .12);--unknown-border: rgba(139, 155, 180, .35);--radius: 12px;--radius-sm: 8px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.86em}.muted{color:var(--text-muted)}.app{max-width:1240px;margin:0 auto;padding:28px 20px 64px}.app-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border)}.brand h1{margin:0;font-size:1.9rem;letter-spacing:.06em}.brand-sub{margin:2px 0 0;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.14em}.head-controls{display:flex;align-items:flex-end;gap:12px}.control{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}select,.btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font:inherit;font-size:.9rem;cursor:pointer}.btn:hover,select:hover{border-color:var(--healthy)}.banner{margin:16px 0 0;padding:12px 16px;border-radius:var(--radius-sm);background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);font-size:.9rem}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:22px 0}.summary-tile{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.summary-value{font-size:1.05rem;font-weight:600}.servers{display:flex;flex-direction:column;gap:18px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--unknown);border-radius:var(--radius);padding:18px 20px}.card-healthy{border-left-color:var(--healthy)}.card-warning{border-left-color:var(--warning)}.card-critical{border-left-color:var(--critical)}.incident-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.incident-row{padding:16px 18px;border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:var(--radius);background:var(--bg-elevated)}.incident-critical{border-left-color:var(--critical)}.incident-warning{border-left-color:var(--warning)}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.incident-head h3{margin:0;font-size:1.05rem}.incident-details{margin:12px 0;overflow-wrap:anywhere}.incident-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;margin:0}.incident-times dt{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.incident-times dd{margin:2px 0 0;font-size:.88rem}.history-more{display:flex;justify-content:center;margin-top:18px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.card-id h2{margin:0;font-size:1.3rem}.card-meta,.card-time{display:flex;gap:6px;margin:4px 0 0;color:var(--text-muted);font-size:.8rem}.card-status{text-align:right}.card-time-sep{opacity:.5}.card-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.tile{display:flex;flex-direction:column;gap:6px;padding:11px 13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.tile-empty{opacity:.55}.tile-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-value{font-size:1.25rem;font-weight:600}.tile-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tile-hint{color:var(--text-muted);font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%}.card-hosts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.host-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.host-name{min-width:76px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.host-detail{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.host-message{flex-basis:100%;margin:0;color:var(--critical);font-size:.8rem}.card-toggle{margin-top:12px;background:none;border:none;color:var(--healthy);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 0}.card-toggle:hover{text-decoration:underline}.card-detail{display:flex;flex-direction:column;gap:14px;margin-top:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}.panel{padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h3{margin:0;font-size:.95rem}.panel-sub{color:var(--text-muted);font-size:.78rem}.panel-main{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.usage-track{position:relative;height:8px;background:#ffffff12;border-radius:999px;overflow:hidden}.usage-fill{height:100%;border-radius:999px;transition:width .3s ease}.usage-tick{position:absolute;top:0;width:2px;height:100%;background:#ffffff73}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:0}.figures dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.figures dd{margin:2px 0 0;font-size:.92rem;font-weight:600}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.bar-value{font-weight:600;white-space:nowrap}.bar-track{height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--healthy);border-radius:999px}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px}.cron-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cron-list li{padding:9px 11px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.cron-list li.cron-bad{border-color:var(--critical-border);background:var(--critical-bg)}.cron-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cron-expr{color:var(--text-muted)}.tag{padding:1px 7px;border:1px solid var(--border);border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.cron-detail{margin:6px 0 0;color:var(--critical);font-size:.8rem}.cron-cmd{display:block;margin-top:6px;color:var(--text-muted);font-size:.76rem;word-break:break-all}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth-card{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.auth-brand{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--border)}.auth-brand h1{margin:0;font-size:1.6rem;letter-spacing:.06em}.auth-title{margin:0;font-size:1.15rem}.auth-sub{margin:6px 0 0;font-size:.85rem}.auth-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}a{color:#7fb4ff}.splash{min-height:60vh;display:flex;align-items:center;justify-content:center}.code-block{margin:10px 0 0;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre}.app-nav{display:flex;gap:4px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.9rem}.nav-link:hover{color:var(--text);background:var(--bg-elevated)}.nav-link-active{color:var(--text);background:var(--bg-elevated);border-color:var(--border)}.nav-badge{min-width:18px;padding:0 5px;background:var(--warning);color:#23170a;border-radius:999px;font-size:.7rem;font-weight:700;text-align:center}.head-account{display:flex;align-items:center;gap:10px}.account-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.role-tag,.status-tag{padding:2px 8px;border:1px solid var(--border);border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.role-admin{color:var(--healthy);background:var(--healthy-bg);border-color:var(--healthy-border)}.role-user{color:var(--text-muted)}.status-active{color:var(--healthy);background:var(--healthy-bg);border-color:var(--healthy-border)}.status-pending{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.status-disabled{color:var(--unknown);background:var(--unknown-bg);border-color:var(--unknown-border)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0 18px}.page-title{margin:0;font-size:1.2rem}.page-head p{margin:4px 0 0;font-size:.85rem}.empty-state{margin:40px auto;max-width:440px;text-align:center}.empty-state h2{margin:0 0 6px;font-size:1.1rem}.empty-state .btn{margin-top:14px}.form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.field{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.field>span{text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font:inherit;font-size:.92rem;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#3f6fa8}.field textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;resize:vertical;min-height:140px}.field small{font-size:.72rem;line-height:1.4}.btn-primary{background:#1d4ed8;border-color:#2a5fe8;color:#f2f6ff}.btn-primary:hover:not(:disabled){background:#2457e8}.btn-danger{color:var(--critical);border-color:var(--critical-border);background:var(--critical-bg)}.btn-sm{padding:6px 10px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-error{margin:16px 0 0;padding:12px 14px;background:var(--critical-bg);border:1px solid var(--critical-border);border-radius:var(--radius-sm);color:var(--text);font-size:.86rem}.form-error ul{margin:8px 0 0;padding-left:20px}.form-error li{margin-top:3px}.target-form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}.field-wide{grid-column:1 / -1}.form-note{margin:14px 0 0;font-size:.82rem}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font-size:.9rem;cursor:pointer}.toggle input{width:17px;height:17px;accent-color:#2457e8;cursor:pointer}.target-list{display:flex;flex-direction:column;gap:12px}.target-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.target-off{opacity:.62}.target-main{flex:1 1 420px;min-width:0}.target-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.target-title h3{margin:0;font-size:1.02rem}.target-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 18px;margin:14px 0 0}.fact dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.fact dd{margin:2px 0 0;word-break:break-word}.target-actions{display:flex;gap:8px;flex-wrap:wrap}.secret-flags{display:inline-flex;gap:6px;flex-wrap:wrap}.secret-flags .chip{padding:3px 9px;font-size:.72rem}.chip-ok{color:var(--healthy);border-color:var(--healthy-border);background:var(--healthy-bg)}.chip-missing{color:var(--warning);border-color:var(--warning-border);background:var(--warning-bg)}.user-panel{margin-bottom:16px}.table-scroll{overflow-x:auto;margin-top:14px}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;padding:0 12px 10px 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;white-space:nowrap}.table td{padding:11px 12px 11px 0;border-top:1px solid var(--border);vertical-align:middle}.row-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:720px){.app-head{align-items:stretch}.head-account{justify-content:space-between}.account-email{max-width:none}}