:root{--color-primary: #00F0FF;--color-primary-dim: #00c4d4;--color-primary-glow: rgba(0, 240, 255, .3);--color-success: #00F0FF;--color-danger: #FF4B4B;--color-warning: #FFB300;--bg-body: #0B0E14;--bg-surface: #1A1F26;--bg-surface-alt: #242B35;--bg-input: #0B0E14;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border: #2D343E;--border-highlight: #00F0FF;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--bg-body)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem}h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}h3{font-size:1rem;font-weight:600;margin:0}button{padding:.5rem 1rem;font:inherit;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--color-primary)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--bg-body);font-weight:600;border:none;box-shadow:0 0 15px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 0 25px var(--color-primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}input,select{padding:.5rem .75rem;font:inherit;font-size:.875rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--color-primary)}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.run-id{position:fixed;bottom:.5rem;right:.75rem;font-size:.6875rem;font-family:monospace;color:var(--text-muted);opacity:.6;pointer-events:none;z-index:1000}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.layout-header-brand{font-size:1.125rem;font-weight:600;color:var(--color-primary)}.layout-logo{color:inherit;text-decoration:none}.layout-nav{display:flex;gap:.25rem}.nav-link{padding:.375rem .75rem;font-size:.875rem;color:var(--text-secondary);border-radius:4px;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:#ffffff0d;text-decoration:none}.nav-link-active{color:var(--color-primary);background:#00ff881a}.layout-header-user{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.875rem;color:var(--text-secondary)}.layout-main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;gap:.375rem}.btn-primary{background:var(--color-primary);color:#000;border:none;font-weight:600}.btn-primary:hover{background:var(--color-primary-dim)}.btn-danger{background:var(--color-danger);color:#fff;border:none}.btn-danger:hover{background:#e8404f}.btn-login{font-size:.8125rem;padding:.375rem .75rem}.status-badge{display:inline-block;padding:.2em .6em;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px}.status-up{background:#00ff8826;color:var(--color-success)}.status-down{background:#ff475726;color:var(--color-danger)}.status-blocked{background:#ffa5002e;color:orange}.status-unknown{background:#6663;color:var(--color-muted)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 640px){.stat-cards{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;text-align:center}.stat-card.stat-up{border-color:#00ff884d}.stat-card.stat-down{border-color:#ff47574d}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-card.stat-up .stat-value{color:var(--color-success)}.stat-card.stat-down .stat-value{color:var(--color-danger)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.monitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.monitor-card{display:block;padding:.875rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:inherit;text-decoration:none;transition:border-color .15s;position:relative}.monitor-card:hover{border-color:var(--color-primary)}.monitor-card-stale{border-color:#ffb300}.monitor-card-stale>*:not(.monitor-card-no-credits-overlay){opacity:.35;pointer-events:none}.monitor-card-no-credits-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#ffb3001f;border-radius:6px;color:#ffb300;text-align:center;padding:.5rem;z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.monitor-card-no-credits-text{font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.monitor-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.375rem}.monitor-card-name{margin:0;font-size:.9375rem;font-weight:500;min-width:0;overflow-wrap:anywhere;word-break:break-word}.monitor-card-body{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.375rem}.monitor-card-type{color:var(--color-primary);font-weight:500}.monitor-card-footer{font-size:.75rem;color:var(--text-muted)}.monitor-card-disabled{color:var(--color-danger)}.monitors-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.monitors-list-header h1{margin:0}.monitors-list-form{margin-bottom:1rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.monitors-list-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-page-size{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.pagination-page-size select{background:#ffffff0d;color:var(--text-primary, #fff);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.25rem .4rem;font-size:.8rem;cursor:pointer}.monitor-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monitor-detail-title{display:flex;align-items:center;gap:.75rem}.monitor-detail-title h1{margin:0}.monitor-detail-actions{display:flex;gap:.5rem}.monitor-detail-info{margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.info-item{padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.info-item dt{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.125rem}.info-item dd{margin:0;font-weight:500;font-size:.9375rem}.results-chart{padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;margin-bottom:1rem}.results-chart-empty{text-align:center;color:var(--text-secondary);padding:1rem}.results-chart-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.results-chart-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.results-chart-container{height:80px;margin-bottom:.5rem}.results-chart-bars{display:flex;align-items:flex-end;height:100%;gap:2px}.results-chart-bar{flex:1;min-width:3px;border-radius:2px 2px 0 0}.chart-bar-up{background:var(--color-primary)}.chart-bar-down{background:var(--color-danger)}.chart-bar-unknown{background:var(--color-muted)}.results-chart-stats{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-muted)}.results-chart-bar-stacked{display:flex;flex-direction:column-reverse;overflow:hidden;gap:1px}.results-chart-segment{width:100%;min-height:1px;flex-shrink:0}.results-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.6875rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-color{width:10px;height:10px;border-radius:2px}.results-list{list-style:none;padding:0;margin:0}.result-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.875rem}.result-item:last-child{border-bottom:none}.result-time{color:var(--text-secondary);font-size:.8125rem}.result-response-time{font-weight:500;color:var(--color-primary)}.result-timing{font-family:monospace;font-size:.8125rem}.result-geo{font-size:.8125rem}.result-message{color:var(--text-secondary);font-size:.8125rem}.recent-failures{margin-top:1.5rem}.failure-list{list-style:none;padding:0;margin:0}.failure-item{padding:.625rem .75rem;border-left:2px solid var(--color-danger);background:#ff47570d;margin-bottom:.5rem;font-size:.875rem}.failure-time{font-size:.75rem;color:var(--text-muted)}.failure-monitor{font-weight:500}.failure-message{color:var(--color-danger);font-size:.8125rem}.monitor-form{max-width:400px}.monitor-form h2{margin-bottom:1rem}.form-group{margin-bottom:.875rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{width:100%}.form-group-checkbox{display:flex;align-items:center}.form-group-checkbox label{display:flex;align-items:center;gap:.5rem;margin-bottom:0;cursor:pointer}.form-group-checkbox input{width:auto}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.empty-state{color:var(--text-secondary);text-align:center;padding:1.5rem}.error-message{color:var(--color-danger);padding:.75rem;background:#ff47571a;border-radius:4px;font-size:.875rem}.loading-text{color:var(--text-secondary)}.landing{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 53px);padding:3rem 2rem 4rem;background:radial-gradient(circle at 50% 18%,rgba(0,240,255,.06) 0%,transparent 45%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,24px 24px}.landing-compact .landing-features{display:none}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 0 1rem}.landing-logo-glow{position:absolute;top:30px;left:50%;translate:-50% 0;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.18) 0%,transparent 70%);pointer-events:none;animation:logo-pulse 4s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.08}}.landing-logo{position:relative;width:200px;height:auto;margin-bottom:1.25rem;filter:drop-shadow(0 0 32px rgba(0,240,255,.35))}.landing-hero h1{font-size:2.75rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.02em}.landing-tagline{font-size:1.125rem;color:var(--text-secondary);margin:0;font-weight:400;letter-spacing:.01em}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:860px;margin:2.5rem 0}@media (max-width: 900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.landing-features{grid-template-columns:1fr}}.landing-feature{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--color-primary);border-radius:6px;transition:border-color .2s,box-shadow .2s}.landing-feature:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00f0ff14}svg.feature-icon{flex-shrink:0;width:28px;height:28px;color:var(--color-primary);margin-top:1px}.landing-feature strong{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.landing-feature span{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.landing-auth{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;padding:2rem 2.25rem;background:#1a1f26b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:10px}@media (max-width: 560px){.landing{padding:2rem 1.25rem 3rem}.landing-hero h1{font-size:2.25rem}.landing-auth{padding:1.5rem 1.25rem}}.login-form{width:100%;max-width:320px}.login-form h2{font-size:1.25rem;margin-bottom:1.25rem;text-align:center}.login-form .form-group{margin-bottom:1rem}.login-form .form-group label{font-size:.8125rem;color:var(--text-primary);margin-bottom:.375rem}.login-form .form-group input{width:100%;padding:.625rem .875rem}.login-button{width:100%;padding:.625rem 1rem;margin-top:.5rem;font-size:.9375rem;font-weight:600;background:var(--color-primary);color:#000;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.login-button:hover:not(:disabled){background:var(--color-primary-dim)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#ff47571a;color:var(--color-danger);padding:.625rem;border-radius:4px;text-align:center;margin-bottom:1rem;font-size:.8125rem}.login-message{background:#00f0ff14;color:var(--color-primary);padding:.75rem;border-radius:4px;text-align:center;margin-bottom:1rem;font-size:.8125rem;line-height:1.5}.login-help{color:var(--text-secondary);font-size:.8125rem;line-height:1.5;margin:0 0 1rem;text-align:center}.login-register-link{text-align:center;margin-top:1rem;font-size:.8125rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto}.monitor-form{max-width:none}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin:0 0 1rem}.threshold-grid{display:flex;flex-direction:column;gap:.75rem}.threshold-row{display:flex;align-items:center;gap:1rem}.threshold-label{flex:0 0 120px;font-size:.875rem;color:var(--text-secondary)}.threshold-inputs{display:flex;gap:1rem;flex:1}.threshold-input-group{display:flex;align-items:center;gap:.5rem}.threshold-input-label{font-size:.75rem;font-weight:500;min-width:55px}.threshold-input-label.threshold-warn{color:var(--color-warning, #f59e0b)}.threshold-input-label.threshold-alert{color:var(--color-danger, #ef4444)}.threshold-input-group .input-with-suffix{width:100px}.threshold-input-group .input-with-suffix input{width:60px;padding:.5rem;text-align:center}.threshold-input-group .input-suffix{padding:0 .5rem;font-size:.75rem}@media (max-width: 600px){.threshold-row{flex-direction:column;align-items:flex-start}.threshold-label{flex:none;margin-bottom:.25rem}.threshold-inputs{width:100%}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-group-protocol{max-width:120px}.form-group-fqdn,.form-group-path,.form-group-query{flex:1}.form-group-method{max-width:120px}.url-preview{font-family:monospace;font-size:.8125rem;padding:.625rem .875rem;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:6px;color:var(--color-primary);word-break:break-all}.form-divider{display:flex;align-items:center;margin:1rem 0;gap:.75rem}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-divider span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.input-with-suffix{display:flex;align-items:stretch}.input-with-suffix input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:1}.input-suffix{display:flex;align-items:center;padding:0 .75rem;background:var(--bg-surface);border:1px solid var(--border);border-left:none;border-radius:0 4px 4px 0;font-size:.75rem;color:var(--text-muted)}.btn-test{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);white-space:nowrap}.btn-test:hover:not(:disabled){background:#00f0ff1a}.test-result{margin-top:.75rem;padding:.875rem;border-radius:6px;font-size:.875rem}.test-result-success{background:#00f0ff14;border:1px solid rgba(0,240,255,.3)}.test-result-error{background:#ff4b4b14;border:1px solid rgba(255,75,75,.3)}.test-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.test-result-status{display:flex;align-items:center;gap:.5rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot-success{background:var(--color-success)}.status-dot-error{background:var(--color-danger)}.test-result-time{font-family:monospace;color:var(--text-secondary)}.test-result-error-msg{color:var(--color-danger);font-size:.8125rem}.btn-populate{margin-top:.5rem;background:#00f0ff26;border:none;color:var(--color-primary)}.btn-populate:hover{background:#00f0ff40}.form-group-toggle{margin:0}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin:0}.toggle-label input{position:absolute;opacity:0;pointer-events:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:transform .2s}.toggle-label input:checked+.toggle-switch{background:var(--color-primary)}.toggle-label input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:.875rem;color:var(--text-primary)}.btn-cancel{background:transparent;border:1px solid var(--border)}.btn-lg{padding:.625rem 1.25rem;font-size:.9375rem}.monitor-form-compact{max-width:none}.monitor-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.monitor-type-tab{display:flex;align-items:center;gap:.375rem;padding:.4rem .625rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease}.monitor-type-tab:hover:not(:disabled){background:#00f0ff14;border-color:#00f0ff66;color:var(--text-primary)}.monitor-type-tab:active:not(:disabled){background:#00f0ff2e}.monitor-type-tab.active{background:#00f0ff1f;border-color:var(--color-primary);color:var(--color-primary)}.monitor-type-tab:disabled{opacity:.4;cursor:not-allowed}.tab-icon{font-size:1rem}.tab-label{font-weight:500}.monitor-form-content{min-height:200px}.monitor-form-tab-pending{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b0e14a6,#0b0e1473),linear-gradient(90deg,#00f0ff00,#00f0ff1a,#00f0ff00);background-size:100% 100%,200% 100%;background-position:0 0,-200% 0;animation:skeleton-shimmer 1.6s ease-in-out infinite;pointer-events:none;z-index:1;border-radius:8px}.form-row-compact{display:flex;gap:.75rem;margin-bottom:.75rem}.form-row-4{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.75rem;align-items:end}.form-group-name{flex:1}.form-group-method-sm{width:100px}.form-group-inline{margin-top:.5rem}.form-group-inline .toggle-label{font-size:.875rem}.form-group-inline .toggle-label input{position:relative;opacity:1;pointer-events:auto;width:auto;margin-right:.5rem}.form-group-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;margin:.75rem 0;padding:.75rem;background:var(--surface-elevated);border-radius:var(--radius);border:1px solid var(--border-subtle)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-primary);cursor:pointer}.checkbox-text{display:flex;align-items:center;gap:.375rem}.checkbox-icon{font-size:.875rem}.checkbox-label:hover{color:var(--text-bright)}.monitor-type-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--text-secondary)}.monitor-type-placeholder p{margin:0}.placeholder-note{margin-top:.5rem!important;font-size:.75rem;color:var(--text-muted);font-style:italic}.monitor-form-compact .test-result{margin:.5rem 0;padding:.5rem .75rem;font-size:.8125rem}.url-input-container{position:relative;width:100%}.url-input-field{position:relative;width:100%;padding:.5rem .75rem!important;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace!important;font-size:.875rem!important;line-height:1.5!important;letter-spacing:normal;word-spacing:normal;border:1px solid var(--border);border-radius:4px;background:transparent!important;color:transparent!important;caret-color:var(--text-primary);z-index:2}.url-input-field::placeholder{color:var(--text-muted)!important}.url-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.url-input-highlight{position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem .75rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;letter-spacing:normal;word-spacing:normal;white-space:nowrap;overflow:hidden;pointer-events:none;background:var(--bg-input);border:1px solid transparent;border-radius:4px;z-index:1}.url-part-protocol{color:#6366f1}.url-part-host{color:#a855f7}.url-part-path{color:#ec4899}.url-part-query{color:#f43f5e}.url-part-invalid{color:var(--text-primary)}.monitors-page{max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h1{margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.monitors-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.filters-left{display:flex;align-items:center;gap:.75rem;flex:1}.filters-right{display:flex;align-items:center;gap:.75rem}.search-input-wrapper{position:relative;flex:1;max-width:300px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.5rem 2rem .5rem 2.25rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-body);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.search-clear:hover{color:var(--text-primary)}.sort-select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-body);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.sort-select:focus{outline:none;border-color:var(--color-primary)}.btn-filter-alerting{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-filter-alerting:hover{border-color:var(--color-danger);color:var(--color-danger)}.btn-filter-alerting.active{background:#ff4b4b1a;border-color:var(--color-danger);color:var(--color-danger)}.alerting-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;background:var(--color-danger);color:#fff;border-radius:10px}@media (max-width: 640px){.monitors-filters{flex-direction:column;align-items:stretch}.filters-left{flex-direction:column}.search-input-wrapper{max-width:none}}.loading-state,.error-state{text-align:center;padding:3rem;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}.empty-state-card{text-align:center;padding:3rem 2rem;background:var(--bg-surface);border:1px dashed var(--border);border-radius:12px}.empty-state-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state-card h3{font-size:1.125rem;margin-bottom:.5rem}.empty-state-card p{color:var(--text-secondary);margin-bottom:1.5rem}.monitor-card-status{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.25em .625em;border-radius:3px;white-space:nowrap}.status-active{background:#00f0ff26;color:var(--color-success)}.status-paused{background:#6663;color:var(--color-muted)}.monitor-card-url{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.monitor-card-protocol{font-size:.625rem;font-weight:600;padding:.125em .375em;background:#00f0ff26;color:var(--color-primary);border-radius:2px}.monitor-card-domain{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-card-method{font-size:.75rem;font-weight:500;color:var(--text-muted)}.monitor-card-footer{display:flex;justify-content:space-between;align-items:center}.monitor-card-interval{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.monitor-card-status-code{font-size:.75rem;color:var(--text-muted)}.monitor-card-title-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.monitor-card-type-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.monitor-card-status-row{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.monitor-card-live-status{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.25em .625em;border-radius:3px;border:1px solid;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.monitor-card-type-badge{font-size:.625rem;font-weight:600;padding:.125em .5em;background:#00f0ff1a;color:var(--color-primary);border-radius:3px;letter-spacing:.05em}.monitor-card{border-left:3px solid transparent}.monitor-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.monitor-tag-pill{font-size:.625rem;font-weight:500;padding:.1em .5em;background:#64748b26;color:var(--text-muted);border:1px solid rgba(100,116,139,.25);border-radius:3px;letter-spacing:.03em;cursor:default;transition:color .15s,border-color .15s}.monitor-tag-pill:hover{color:var(--text-secondary);border-color:#64748b80}.tag-filter-wrapper{display:flex;align-items:center}.tag-filter-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:.375rem .625rem;font-size:.8125rem;width:140px;transition:border-color .15s}.tag-filter-input:focus{outline:none;border-color:var(--color-primary)}.active-tag-filter{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);padding:.375rem 0}.active-tag-filter strong{color:var(--color-primary)}.tag-filter-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.125rem .375rem;border-radius:4px;transition:color .15s}.tag-filter-clear:hover{color:var(--text-secondary)}.layout-sidebar{display:flex;flex-direction:row;min-height:100vh}.sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary)}.sidebar-logo:hover{text-decoration:none}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.logo-icon svg{width:100%;height:100%}.logo-image{width:72px;height:72px;border-radius:12px;object-fit:cover}.nav-divider{height:1px;background:var(--border);margin:.75rem 1rem}.logo-text{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;min-height:0}.sidebar-onboard-cta{display:flex;align-items:center;gap:.65rem;margin:.75rem;padding:.75rem .85rem;background:linear-gradient(135deg,#00f0ff1a,#00f0ff0a);border:1px solid rgba(0,240,255,.3);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:border-color .15s,transform .05s}.sidebar-onboard-cta:hover{border-color:var(--color-primary);text-decoration:none}.sidebar-onboard-cta:active{transform:translateY(1px)}.sidebar-onboard-cta-icon{font-size:1.4rem;line-height:1}.sidebar-onboard-cta-body{display:flex;flex-direction:column;min-width:0}.sidebar-onboard-cta-title{font-size:.9rem;font-weight:600;color:var(--color-primary);letter-spacing:-.01em}.sidebar-onboard-cta-sub{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .15s}.sidebar-nav-item:hover{background:#ffffff0d;color:var(--text-primary);text-decoration:none}.sidebar-nav-item.active{background:#00f0ff1a;color:var(--color-primary)}.nav-icon{font-size:1.125rem;width:1.5rem;text-align:center}.nav-label{flex:1}.nav-item-wrapper{display:flex;flex-direction:column}.sidebar-nav-expandable{width:100%;text-align:left;background:transparent;border:none;cursor:pointer}.nav-expand-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:transform .2s ease}.nav-expand-icon.expanded{transform:rotate(90deg)}.nav-subitems{display:none;flex-direction:column;margin-left:1rem;padding-left:.75rem;border-left:1px solid var(--border);margin-top:.25rem;margin-bottom:.25rem;gap:.125rem}.nav-subitems.expanded{display:flex}.sidebar-nav-subitem{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:400;transition:all .15s}.sidebar-nav-subitem:hover{background:#ffffff08;color:var(--text-secondary);text-decoration:none}.sidebar-nav-subitem.active{background:#00f0ff14;color:var(--color-primary)}.sidebar-nav-subitem .nav-icon{font-size:.875rem;width:1.25rem;text-align:center}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border)}.sidebar-api-link{font-size:.75rem;margin-bottom:.75rem;text-align:center}.sidebar-api-link a{color:var(--text-muted);text-decoration:none}.sidebar-api-link a:hover{color:var(--text-primary);text-decoration:underline}.credits-display{background:linear-gradient(135deg,#00f0ff1a,#00f0ff05);border:1px solid rgba(0,240,255,.2);border-radius:10px;padding:.875rem;margin-bottom:.75rem}.credits-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.credits-icon{color:var(--color-primary)}.credits-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.credits-value{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1.2;text-shadow:0 0 20px var(--color-primary-glow)}.credits-costs{display:flex;gap:.75rem;margin-top:.5rem;font-size:.6875rem;color:var(--text-muted)}.credits-costs span{display:flex;align-items:center;gap:.25rem}.credits-costs span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.credits-display.credits-warning{background:linear-gradient(135deg,#ffb30026,#ffb30005);border-color:#ffb30066}.credits-display.credits-warning .credits-icon{color:var(--color-warning)}.credits-display.credits-warning .credits-value{color:var(--color-warning);text-shadow:0 0 20px rgba(255,179,0,.3)}.credits-display.credits-critical{background:linear-gradient(135deg,#ff4b4b26,#ff4b4b05);border-color:#ff4b4b66;animation:credits-pulse 2s ease-in-out infinite}.credits-display.credits-critical .credits-icon{color:var(--color-danger)}.credits-display.credits-critical .credits-value{color:var(--color-danger);text-shadow:0 0 20px rgba(255,75,75,.3)}@keyframes credits-pulse{0%,to{opacity:1}50%{opacity:.8}}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.5rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--bg-body)}.user-info{flex:1;min-width:0}.user-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{display:block;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{background:none;border:1px solid var(--border);border-radius:6px;padding:.375rem;color:var(--text-muted);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.btn-logout:hover{color:var(--color-danger);border-color:var(--color-danger)}.login-register-link{text-align:center;margin-top:1rem;font-size:.8125rem;color:var(--text-muted)}.login-register-link a{color:var(--color-primary);text-decoration:none}.login-register-link a:hover{text-decoration:underline}.main-wrapper{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.layout-sidebar .layout-main{flex:1;padding:2rem;max-width:none;margin:0}.layout-public{display:flex;flex-direction:column;min-height:100vh}.layout-public .layout-main{flex:1;padding:0;max-width:none;margin:0}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.5rem}.sidebar-nav-item{padding:.5rem .75rem;white-space:nowrap}.nav-label{display:inline}.sidebar-footer{display:none}.main-wrapper{margin-left:0}.layout-sidebar{flex-direction:column}}.dashboard-enterprise{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dashboard-welcome h1{font-size:1.75rem;font-weight:700;margin:0}.dashboard-welcome h1 span{color:var(--color-primary)}.dashboard-status{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary)}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-indicator.status-ok{background:var(--color-success);box-shadow:0 0 8px var(--color-primary-glow)}.status-indicator.status-warning{background:var(--color-warning);box-shadow:0 0 8px #ffb30066}.status-indicator.status-error{background:var(--color-danger);box-shadow:0 0 8px #ff4b4b66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard-subtitle{color:var(--text-muted);font-size:.875rem;margin:0}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 900px){.metric-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.metric-cards{grid-template-columns:1fr}}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.metric-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),transparent);opacity:0;transition:opacity .2s}.metric-card:hover:before{opacity:1}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.metric-card-icon.icon-uptime{background:#00f0ff26;color:var(--color-primary)}.metric-card-icon.icon-monitors{background:#54a0ff26;color:#54a0ff}.metric-card-icon.icon-alerts{background:#ff4b4b26;color:var(--color-danger)}.metric-card-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.metric-card-value.value-uptime{color:var(--color-primary)}.metric-card-value.value-monitors{color:var(--text-primary)}.metric-card-value.value-alerts{color:var(--color-danger)}.metric-card-change{font-size:.75rem;color:var(--text-muted)}.metric-card-change.positive{color:var(--color-success)}.metric-card-change.negative{color:var(--color-danger)}.performance-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;margin:0}.section-actions{display:flex;gap:.5rem}.btn-filter{padding:.375rem .75rem;font-size:.75rem;background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-filter.active{background:#00f0ff1a;border-color:var(--color-primary);color:var(--color-primary)}.performance-chart{height:200px;position:relative;margin-bottom:1rem}.chart-gradient{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#00f0ff33,#00f0ff00);border-radius:8px;display:flex;align-items:flex-end}.chart-bars-container{display:flex;align-items:flex-end;height:100%;width:100%;gap:4px;padding:0 .5rem}.chart-bar{flex:1;background:linear-gradient(180deg,var(--color-primary) 0%,rgba(0,240,255,.3) 100%);border-radius:4px 4px 0 0;min-height:8px;transition:height .3s ease}.chart-bar:hover{background:var(--color-primary)}.chart-axis{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-muted);padding:0 .5rem}.health-chart{min-height:120px;display:flex;flex-direction:column;gap:1.5rem}.health-stacked-bar{display:flex;height:60px;border-radius:8px;overflow:hidden;background:var(--bg-surface-alt)}.health-segment{display:flex;align-items:center;justify-content:center;min-width:40px;transition:flex .3s ease}.health-segment-value{font-weight:700;font-size:1.25rem;color:var(--bg-base);text-shadow:0 1px 2px rgba(0,0,0,.3)}.health-segment.health-healthy{background:linear-gradient(135deg,#10b981,#059669)}.health-segment.health-unknown{background:linear-gradient(135deg,#f59e0b,#d97706)}.health-segment.health-critical{background:linear-gradient(135deg,#ef4444,#dc2626)}.health-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.health-legend-item{display:flex;align-items:center;gap:.5rem}.health-dot{width:12px;height:12px;border-radius:50%}.health-dot.health-healthy{background:#10b981}.health-dot.health-unknown{background:#f59e0b}.health-dot.health-critical{background:#ef4444}.health-label{font-size:.875rem;color:var(--text-secondary)}.health-percent{font-size:.875rem;font-weight:600;color:var(--text-primary)}.monitor-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:var(--bg-surface-alt);border-radius:8px;min-height:60px;align-items:center;justify-content:flex-start}.monitor-icon{position:relative;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:2px solid transparent}.monitor-icon:hover{transform:scale(1.15);z-index:10}.monitor-icon:focus{outline:2px solid var(--primary);outline-offset:2px}.monitor-icon-stale{border-color:#ffb300!important;box-shadow:0 0 0 2px #ffb30040}.monitor-icon-stale .monitor-icon-type{opacity:.45}.monitor-icon-warning{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--bg-surface, #0F172A);color:#ffb300;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.monitor-icon-type{font-weight:700;font-size:.875rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.monitor-icon-up{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.monitor-icon-up:hover{box-shadow:0 4px 12px #10b98180}.monitor-icon-down{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;animation:pulse-alert 2s ease-in-out infinite}.monitor-icon-down:hover{box-shadow:0 4px 12px #ef444480;animation:none}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.monitor-icon-unknown{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b4d}.monitor-icon-unknown:hover{box-shadow:0 4px 12px #f59e0b80}.monitor-icon-disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b72804d;opacity:.7}.monitor-icon-disabled:hover{box-shadow:0 4px 12px #6b728080;opacity:1}.monitor-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;min-width:200px;max-width:280px;box-shadow:0 8px 24px #0000004d;z-index:100;pointer-events:none}.monitor-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border)}.monitor-tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.monitor-tooltip-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.monitor-tooltip-status.status-up{background:#10b981}.monitor-tooltip-status.status-down{background:#ef4444}.monitor-tooltip-status.status-unknown{background:#f59e0b}.monitor-tooltip-status.status-disabled{background:#6b7280}.monitor-tooltip-name{font-weight:600;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-tooltip-details{display:flex;flex-direction:column;gap:.25rem}.monitor-tooltip-row{display:flex;justify-content:space-between;font-size:.75rem}.monitor-tooltip-label{color:var(--text-secondary)}.monitor-tooltip-value{color:var(--text-primary);font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-tooltip-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-muted);text-align:center}.activity-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.activity-indicator.success{background:var(--color-success)}.activity-indicator.failure{background:var(--color-danger)}.activity-content{flex:1;min-width:0}.activity-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.activity-link{text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;transition:color .15s ease}.activity-link:hover{color:var(--color-primary)}.activity-type{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-glow);padding:.125rem .375rem;border-radius:4px;flex-shrink:0}.activity-meta{font-size:.75rem;color:var(--text-muted)}.activity-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.quick-stats{display:flex;gap:2rem;padding:1rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem}.quick-stat{display:flex;align-items:center;gap:.75rem}.quick-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.quick-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.monitoring-banner{margin-top:1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.monitoring-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}.monitoring-info{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem}.monitoring-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary),0 0 16px var(--color-primary-glow);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--color-primary),0 0 16px var(--color-primary-glow)}50%{opacity:.7;box-shadow:0 0 4px var(--color-primary),0 0 8px var(--color-primary-glow)}}.monitoring-text{font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.monitoring-details{font-size:.8125rem;color:var(--text-secondary);margin-left:auto}.monitoring-banner:after{content:"";position:absolute;top:3px;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.03) 50%,transparent 100%);animation:radar-sweep 3s linear infinite;pointer-events:none}@keyframes radar-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.monitor-detail{max-width:1100px;margin:0 auto}.monitor-detail-loading,.monitor-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.monitor-detail-error .error-icon{width:48px;height:48px;border-radius:50%;background:#ff4b4b26;color:var(--color-danger);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.monitor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.monitor-header-main{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.monitor-status-indicator{padding-top:.375rem}.status-dot{width:12px;height:12px;border-radius:50%;display:block}.status-dot-up{background:var(--color-success);box-shadow:0 0 8px var(--color-primary-glow);animation:pulse-glow 2s ease-in-out infinite}.status-dot-down{background:var(--color-danger);box-shadow:0 0 8px #ff4b4b66}.status-dot-unknown{background:var(--text-muted)}.monitor-header-info{flex:1;min-width:0}.monitor-title{font-size:1.5rem;font-weight:700;margin:0 0 .375rem;color:var(--text-primary)}.monitor-url{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary);word-break:break-all}.monitor-url:hover{color:var(--color-primary)}.monitor-url svg{flex-shrink:0}.monitor-header-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-toggle{font-weight:500;min-width:90px}.btn-toggle-on{background:#00f0ff26;border-color:var(--color-primary);color:var(--color-primary)}.btn-toggle-off{background:#ffb30026;border-color:var(--color-warning);color:var(--color-warning)}.btn-danger-outline{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger-outline:hover{background:#ff4b4b1a}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.monitor-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 900px){.monitor-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.monitor-stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:#00f0ff4d;transform:translateY(-2px)}.stat-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stat-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#00f0ff1a;color:var(--color-primary)}.stat-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-card-value{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:var(--text-primary)}.uptime-value.uptime-good{color:var(--color-success)}.uptime-value.uptime-warning{color:var(--color-warning)}.uptime-value.uptime-bad{color:var(--color-danger)}.stat-card-secondary{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.stat-card-secondary-muted{font-size:.7rem;opacity:.65;margin-top:2px}.stat-card-value-sub{font-size:.7rem;font-weight:500;color:var(--text-muted);margin-left:4px;text-transform:lowercase;letter-spacing:.04em}.stat-card-thresholds{display:flex;gap:.75rem;font-size:.7rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.threshold-indicator{display:flex;align-items:center;gap:.25rem;opacity:.3;transition:opacity .2s ease}.threshold-indicator.triggered{opacity:1}.threshold-indicator.threshold-warn{color:var(--color-warning)}.threshold-indicator.threshold-alert{color:var(--color-danger)}.check-success{color:var(--color-success)}.check-failed{color:var(--color-danger)}.metric-value.metric-good{color:var(--color-success)}.metric-value.metric-warning{color:var(--color-warning)}.metric-value.metric-bad{color:var(--color-danger)}.server-metrics-panel{margin-bottom:1.5rem}.server-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.server-metrics-grid{grid-template-columns:repeat(2,1fr)}}.server-metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.server-metric-card .metric-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.metric-bar-container{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.metric-bar{height:100%;border-radius:4px;transition:width .3s ease}.metric-bar-good{background:var(--color-success)}.metric-bar-warning{background:var(--color-warning)}.metric-bar-bad{background:var(--color-danger)}.metric-value-row{display:flex;justify-content:space-between;align-items:baseline}.metric-current{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.metric-label-small{font-size:.75rem;color:var(--text-muted)}.server-metric-card-stats{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.metric-stat-row{display:flex;justify-content:space-between;align-items:center}.metric-stat-label{font-size:.75rem;color:var(--text-secondary)}.metric-stat-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.server-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.server-metric-card .metric-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.server-metric-card .metric-value-large{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.server-metric-card .metric-sparkline{display:flex;justify-content:center;align-items:center;margin:.5rem 0;padding:.25rem 0}.server-metric-card .metric-footer{text-align:right}.server-metrics-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.server-metric-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.server-metric-stat .metric-stat-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.server-metric-stat .metric-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.server-metric-stat .metric-value-medium{font-size:1rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.server-metric-stat .metric-sparkline{display:flex;justify-content:flex-end;margin-top:.5rem}.sparkline{display:inline-block;vertical-align:middle}.sparkline-empty{opacity:.5}.sparkline-with-label{display:flex;flex-direction:column;gap:.25rem}.sparkline-header{display:flex;justify-content:space-between;align-items:baseline}.sparkline-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sparkline-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.sparkline-secondary{font-size:.7rem;color:var(--text-muted)}@media (max-width: 1024px){.server-metrics-grid,.server-metrics-secondary{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.server-metrics-grid{grid-template-columns:repeat(2,1fr)}.server-metrics-secondary{grid-template-columns:1fr}}@media (max-width: 600px){.server-metrics-grid{grid-template-columns:1fr}}.monitor-url-server{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.monitor-url-server svg{color:var(--color-primary)}.fingerprint{font-family:monospace;font-size:.75rem;word-break:break-all}.monitor-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0}.tab-btn{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.monitor-tab-content{min-height:300px}.monitor-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.monitor-section:last-child{margin-bottom:0}.monitor-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.monitor-section .section-header h2{font-size:1rem;font-weight:600;margin:0}.last-checked,.result-count{font-size:.75rem;color:var(--text-muted)}.chart-container{min-height:120px}.events-timeline{position:relative}.event-item{display:flex;gap:1rem;padding:.75rem 0}.event-item:first-child{padding-top:0}.event-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.event-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.event-dot-up{background:var(--color-success)}.event-dot-down{background:var(--color-danger)}.event-dot-unknown{background:var(--text-muted)}.event-line{width:2px;flex:1;background:var(--border);margin-top:.375rem;min-height:20px}.event-content{flex:1;min-width:0}.event-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.event-time{font-size:.75rem;color:var(--text-muted)}.event-details{display:flex;align-items:center;gap:1rem;font-size:.8125rem}.event-response-time{font-weight:500;color:var(--text-secondary)}.event-geo{font-size:.75rem;padding:.125rem .5rem;background:var(--bg-muted);border-radius:4px;color:var(--text-muted);font-family:monospace}.event-timing-breakdown{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.timing-total{font-weight:600;color:var(--text-primary)}.timing-parts{display:flex;align-items:center;font-size:.75rem;font-family:monospace}.timing-sep{color:var(--text-muted);margin:0 .125rem}.timing-dns{color:#6366f1}.timing-tcp{color:#8b5cf6}.timing-tls{color:#a855f7}.timing-ttfb{color:#ec4899}.timing-download{color:#f43f5e}.event-message{color:var(--text-muted)}.results-table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.results-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#0003}.results-table td{font-size:.875rem}.result-row:hover{background:#ffffff05}.result-row-up .result-response-time{color:var(--color-success)}.result-row-down .result-response-time{color:var(--color-danger)}.result-message{color:var(--text-muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 700px){.config-grid{grid-template-columns:1fr}}.config-group h3{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.config-list{margin:0}.config-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;gap:1rem}.config-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.config-item dt{font-size:.8125rem;color:var(--text-muted);flex-shrink:0}.config-item dd{font-size:.8125rem;color:var(--text-primary);text-align:right;margin:0;word-break:break-all}.config-item code{font-family:monospace;font-size:.75rem;background:#00f0ff1a;padding:.125rem .375rem;border-radius:3px;color:var(--color-primary)}.dns-records-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 700px){.dns-records-grid{grid-template-columns:1fr}}.dns-record-list{list-style:none;margin:0;padding:0}.dns-record-item{padding:.5rem .75rem;background:var(--bg-input);border-radius:4px;margin-bottom:.375rem;font-family:monospace;font-size:.8125rem;color:var(--text-primary)}.dns-txt-item{word-break:break-all;font-size:.75rem}.dns-cname-value{font-family:monospace;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);padding:.5rem .75rem;border-radius:4px;margin:0}.mx-priority{display:inline-block;background:var(--color-primary);color:var(--bg-body);font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:3px;margin-right:.5rem}.mx-host{font-family:monospace}.ssl-certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 700px){.ssl-certificate-grid{grid-template-columns:1fr}}.san-list{font-size:.75rem;line-height:1.6;word-break:break-all}.monospace{font-family:monospace;font-size:.75rem}.details-subsection{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.details-subsection:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.subsection-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.details-subsection h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem}.fingerprint{word-break:break-all;line-height:1.4}.chain-issuers-list{list-style:none;margin:0;padding:0}.chain-issuers-list li{padding:.25rem 0;font-size:.8125rem;border-bottom:1px solid rgba(255,255,255,.03)}.chain-issuers-list li:last-child{border-bottom:none}.badge{display:inline-block;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:3px;margin-right:.375rem}.badge-success{background:#00f0ff26;color:var(--color-success)}.badge-warning{background:#ffb30026;color:var(--color-warning)}.badge-danger{background:#ff4b4b26;color:var(--color-danger)}.badge-info{background:#64748b26;color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--text-muted)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state p{margin-bottom:1rem}.status-badge.status-badge-large{padding:.375em .875em;font-size:.8125rem}.health-badge{display:inline-flex;align-items:center;padding:.25em .75em;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;margin-left:.5rem}.health-badge.health-healthy{background:#10b98126;color:var(--color-success, #10b981)}.health-badge.health-warning{background:#f59e0b26;color:var(--color-warning, #f59e0b)}.health-badge.health-critical{background:#ef444426;color:var(--color-danger, #ef4444)}@media (max-width: 768px){.monitor-header{flex-direction:column;gap:1rem}.monitor-header-actions{width:100%;flex-wrap:wrap}.monitor-header-actions .btn{flex:1;min-width:80px}}.ssl-certificate-info{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:.75rem 0}.ssl-cert-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.ssl-cert-icon{font-size:1.25rem}.ssl-cert-subject{font-weight:600;color:var(--text-primary);flex:1}.ssl-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.ssl-badge-expired{background:#ff4b4b26;color:var(--color-danger)}.ssl-badge-warning{background:#ffb30026;color:var(--color-warning)}.ssl-badge-info{background:#00f0ff1a;color:var(--color-primary)}.ssl-cert-grid{display:flex;flex-direction:column;gap:.5rem}.ssl-cert-row{display:grid;grid-template-columns:100px 1fr;gap:.75rem;align-items:center;padding:.375rem 0;font-size:.8125rem}.ssl-cert-row-toggle{grid-template-columns:100px 1fr auto}.ssl-cert-label{font-weight:500;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ssl-cert-value{color:var(--text-primary);word-break:break-all}.ssl-cert-mono{font-family:monospace;font-size:.75rem;background:#0003;padding:.25rem .5rem;border-radius:4px}.ssl-cert-sans{font-size:.75rem;color:var(--text-secondary)}.ssl-cert-toggle{display:flex;align-items:center}.toggle-inline{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .5rem;background:#0003;border-radius:4px;transition:all .15s}.toggle-inline:hover{background:#00f0ff1a;color:var(--text-primary)}.toggle-inline input[type=checkbox]{width:.875rem;height:.875rem;accent-color:var(--color-primary);cursor:pointer}.toggle-inline input[type=checkbox]:checked+span{color:var(--color-primary)}.ssl-toggle-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted);padding:.25rem .5rem;background:#0003;border-radius:4px}.ssl-expiry-input{width:50px;padding:.25rem .375rem;font-size:.75rem;text-align:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.ssl-expiry-input:focus{outline:none;border-color:var(--color-primary)}.ssl-expiry-warning{color:var(--color-warning);font-weight:500}.ssl-chain-valid{color:var(--color-success)}.ssl-chain-invalid{color:var(--color-danger);font-weight:500}.dns-records-info{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:.75rem 0}.dns-records-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.dns-records-icon{font-size:1.25rem}.dns-records-host{font-weight:600;color:var(--text-primary);flex:1}.dns-records-grid{display:flex;flex-direction:column;gap:.5rem}.dns-record-row{display:grid;grid-template-columns:60px 1fr;gap:.75rem;align-items:flex-start;padding:.375rem 0;font-size:.8125rem}.dns-record-type{font-weight:600;color:var(--color-primary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;background:#00f0ff1a;border-radius:4px;text-align:center}.dns-record-value{color:var(--text-primary);display:flex;flex-wrap:wrap;gap:.375rem}.dns-record-item{background:#0003;padding:.25rem .5rem;border-radius:4px;font-size:.8125rem}.dns-record-mono{font-family:monospace;font-size:.75rem}.dns-record-txt{word-break:break-all;max-width:100%}.dns-mx-priority{color:var(--text-muted);font-size:.6875rem;font-weight:600;margin-right:.25rem}.ssh-key-input-group{display:flex;flex-direction:column;gap:.75rem}.ssh-key-textarea{font-family:monospace;font-size:.75rem;resize:vertical;min-height:80px;background:#0000004d;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;color:var(--text-primary)}.ssh-key-textarea::placeholder{color:var(--text-muted);opacity:.6}.ssh-key-actions{display:flex;flex-direction:column;gap:.75rem}.generated-public-key{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:6px;padding:.75rem}.public-key-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.public-key-value{display:block;font-family:monospace;font-size:.6875rem;word-break:break-all;background:#0003;padding:.5rem;border-radius:4px;margin-bottom:.5rem;color:var(--text-primary)}.server-specs-info{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:8px;padding:1rem;margin:1rem 0}.server-specs-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,240,255,.1)}.server-specs-icon{font-size:1.25rem}.server-specs-hostname{font-weight:600;color:var(--color-primary)}.server-specs-grid{display:grid;gap:.5rem}.server-spec-row{display:grid;grid-template-columns:100px 1fr;gap:.5rem;align-items:center;font-size:.8125rem}.server-spec-label{color:var(--text-muted);font-weight:500}.server-spec-value{color:var(--text-primary)}.server-metrics-info{background:#00c8640d;border:1px solid rgba(0,200,100,.2);border-radius:8px;padding:1rem;margin:.5rem 0 1rem}.server-metrics-header{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.server-metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.server-metric{text-align:center;padding:.5rem;background:#0003;border-radius:6px}.server-metric-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.server-metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.private-key-modal h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem}.modal-warning{background:#ffc8001a;border:1px solid rgba(255,200,0,.3);color:#ffc800;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.private-key-display{background:#0000004d;border:1px solid var(--border-color);border-radius:6px;padding:1rem;font-family:monospace;font-size:.6875rem;overflow-x:auto;white-space:pre;color:var(--text-primary);margin-bottom:1rem;max-height:200px;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-link{background:transparent;color:var(--color-primary);padding:.25rem .5rem}.btn-link:hover{background:#00f0ff1a}.host-selection{display:flex;flex-direction:column;gap:.75rem}.host-toggle{display:flex;gap:.5rem}.toggle-btn{flex:1;padding:.5rem 1rem;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.toggle-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#000;font-weight:500}.host-select{width:100%;padding:.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;font-size:.875rem}.no-hosts-hint{font-size:.8125rem;color:var(--text-muted);padding:.5rem 0}.no-hosts-hint a{color:var(--color-primary)}.new-host-form{display:flex;flex-direction:column;gap:.75rem}.process-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;background:var(--bg-secondary)}.process-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.5rem .75rem;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;font-size:.8125rem}.process-item:hover{background:#00f0ff0d;border-color:#00f0ff33}.process-item.selected{background:#00f0ff1a;border-color:var(--color-primary)}.process-main{display:flex;align-items:center;gap:.75rem;min-width:0}.process-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-pid{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:3px}.process-stats{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted)}.process-cpu,.process-mem{white-space:nowrap}.process-user{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.selected-process-info{padding:.5rem 0}.process-name-badge{display:inline-block;background:var(--color-primary);color:#000;padding:.25rem .75rem;border-radius:4px;font-weight:500;font-size:.875rem}.threshold-note{font-size:.8125rem;color:var(--text-muted);padding:.5rem 0;font-style:italic}.alert-settings-section{margin-top:1.5rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.section-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left}.section-toggle:hover{background:var(--bg-surface)}.section-icon{font-size:1rem}.section-title{flex:1}.toggle-arrow{font-size:.75rem;color:var(--text-muted);transition:transform .2s}.toggle-arrow.expanded{transform:rotate(90deg)}.section-content{padding:1rem;border-top:1px solid var(--border);background:var(--bg-surface)}.alert-settings-section .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.alert-settings-section .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.alert-settings-section .checkbox-label input[type=checkbox]{width:auto}.alert-settings-section .help-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.custom-channels-section{margin:1rem 0;padding-top:1rem;border-top:1px solid var(--border)}.custom-channels-section .form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.no-channels-message{background:var(--bg-surface-alt);border-radius:6px;padding:1rem;text-align:center}.no-channels-message p{color:var(--text-secondary);margin-bottom:.75rem}.channel-list{display:flex;flex-direction:column;gap:.5rem}.channel-item{border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);transition:border-color .15s,background .15s}.channel-item.selected{border-color:var(--color-primary);background:#00d4aa0d}.channel-header{padding:.5rem .75rem}.channel-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:100%}.channel-checkbox input[type=checkbox]{width:auto;flex-shrink:0}.channel-type-icon{font-size:1rem}.channel-name{flex:1;font-weight:500;color:var(--text-primary)}.channel-type-badge{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .375rem;border-radius:3px}.channel-events{display:flex;gap:.75rem;padding:.5rem .75rem .5rem 2rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.event-checkbox{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.8125rem}.event-checkbox input[type=checkbox]{width:auto}.event-label{padding:.125rem .375rem;border-radius:3px;font-size:.75rem;font-weight:500}.event-down{color:#ef4444}.event-warning{color:#f59e0b}.event-critical{color:#dc2626}.event-recovery{color:#10b981}.verify-email-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-body);padding:1rem}.verify-email-card{max-width:420px;width:100%;text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem;box-shadow:0 0 60px #00f0ff0d}.verify-email-icon{margin-bottom:1.25rem}.verify-email-card h1{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.verify-email-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 .5rem}.verify-email-desc strong{color:var(--color-primary)}.verify-email-hint{color:var(--text-muted);font-size:.8125rem;margin:0 0 1.5rem}.verify-email-resend{width:100%;padding:.75rem 1.5rem;font-size:.9375rem}.verify-email-logout{display:block;width:auto;margin:1rem auto 0;background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;padding:.25rem .5rem}.verify-email-logout:hover{color:var(--text-secondary);border-color:transparent}.verify-email-success{background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);color:var(--color-primary);padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;margin-bottom:1rem}.verify-email-error{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.2);color:var(--color-danger);padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;margin-bottom:1rem}.btn-buy-credits{display:block;width:100%;margin-top:.625rem;padding:.5rem;background:linear-gradient(135deg,#00f0ff33,#00f0ff0d);border:1px solid rgba(0,240,255,.3);border-radius:6px;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-buy-credits:hover{background:linear-gradient(135deg,#00f0ff4d,#00f0ff1a);border-color:#00f0ff80;box-shadow:0 0 15px #00f0ff26}.buy-credits{padding:.5rem 0}.buy-credits-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.buy-credits-loading,.buy-credits-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.buy-credits-note{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:1rem}.credit-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 900px){.credit-tiers{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.credit-tiers{grid-template-columns:1fr}}.credit-tier{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;text-align:center;transition:all .2s ease}.credit-tier:hover{border-color:#00f0ff4d;box-shadow:0 0 20px #00f0ff14}.credit-tier-popular{border-color:#00f0ff66;background:linear-gradient(135deg,rgba(0,240,255,.08) 0%,var(--bg-surface) 100%)}.tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-body);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .75rem;border-radius:999px;white-space:nowrap}.tier-name{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.tier-credits{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.tier-credits-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;margin-bottom:.75rem}.tier-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.tier-rate{font-size:.6875rem;color:var(--text-muted);margin-bottom:1rem}.tier-buy-btn{width:100%;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.tier-buy-btn.btn-primary{background:var(--color-primary);color:var(--bg-body);border:none}.tier-buy-btn.btn-primary:hover{background:var(--color-primary-dim);box-shadow:0 0 20px var(--color-primary-glow)}.tier-buy-btn.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.tier-buy-btn.btn-secondary:hover{border-color:#00f0ff4d;color:var(--color-primary)}.tier-buy-btn:disabled{opacity:.5;cursor:not-allowed}.billing-mode-toggle{display:flex;gap:8px;background:#ffffff0a;padding:4px;border-radius:999px;margin:8px auto 24px;width:fit-content}.billing-mode-toggle .mode-btn{background:transparent;border:0;color:#9ca3af;font-size:13px;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.billing-mode-toggle .mode-btn:hover{color:#e5e7eb}.billing-mode-toggle .mode-btn.active{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#062d39}.billing-mode-toggle .mode-badge{background:#22c55e2e;color:#4ade80;font-size:10px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.billing-mode-toggle .mode-btn.active .mode-badge{background:#062d3940;color:#062d39}.tier-period{font-size:14px;color:#9ca3af;font-weight:400}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100;background:#0b0e14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-nav-brand{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);text-decoration:none}.landing-nav-brand:hover{text-decoration:none}.landing-nav-logo{width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(0,240,255,.3))}.landing-nav-links{display:flex;align-items:center;gap:.5rem}.landing-nav-link{padding:.375rem .875rem;font-size:.875rem;color:var(--text-secondary);border-radius:6px;transition:color .15s}.landing-nav-link:hover{color:var(--text-primary);text-decoration:none}.landing-nav-cta{padding:.375rem 1rem;font-size:.875rem;font-weight:600;background:var(--color-primary);color:var(--bg-body);border:none;border-radius:6px;text-decoration:none;transition:all .2s}.landing-nav-cta:hover{box-shadow:0 0 20px var(--color-primary-glow);text-decoration:none}.landing-page{min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(0,240,255,.06) 0%,transparent 45%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,24px 24px}.landing-section{max-width:1000px;margin:0 auto;padding:4rem 2rem}.landing-section-narrow{max-width:720px}.landing-section-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:.5rem}.landing-section-subtitle{font-size:1rem;color:var(--text-secondary);text-align:center;margin:0 0 2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.landing-hero-full{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 2rem 4rem;position:relative}.landing-hero-full h1{font-size:3rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.landing-hero-subheadline{font-size:1.125rem;color:var(--text-secondary);max-width:620px;margin:0 auto 2rem;line-height:1.6}.landing-hero-ctas{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.landing-hero-cta-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.5rem;font-size:1rem;font-weight:600;background:var(--color-primary);color:var(--bg-body);border:none;border-radius:8px;text-decoration:none;box-shadow:0 0 20px var(--color-primary-glow);transition:all .2s}.landing-hero-cta-primary:hover{box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-1px);text-decoration:none}.landing-hero-cta-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.5rem;font-size:1rem;font-weight:500;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;text-decoration:none;transition:all .2s}.landing-hero-cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.landing-hero-note{font-size:.8125rem;color:var(--text-muted);margin-top:1rem}.landing-problem{text-align:center;border-top:1px solid var(--border)}.landing-problem p{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1rem;line-height:1.7}.landing-problem-highlight{color:var(--color-primary);font-weight:600}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 700px){.landing-steps{grid-template-columns:1fr}}.landing-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.landing-step:hover{border-color:#00f0ff4d}.landing-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#00f0ff1a;color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(0,240,255,.2)}.landing-step h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.landing-step p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border-top:1px solid var(--border);padding-top:4rem}@media (max-width: 700px){.landing-features-grid{grid-template-columns:1fr}}.landing-feature-card{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:#00f0ff4d;box-shadow:0 0 16px #00f0ff0f}.landing-feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#00f0ff14;color:var(--color-primary)}.landing-feature-icon svg{width:20px;height:20px}.landing-feature-card h3{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.landing-feature-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.landing-pricing{border-top:1px solid var(--border)}.landing-pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.875rem;margin-top:2rem}@media (max-width: 1000px){.landing-pricing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.landing-pricing-grid{grid-template-columns:1fr}}.landing-pricing-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;text-align:center;transition:all .2s}.landing-pricing-card:hover{border-color:#00f0ff4d;box-shadow:0 0 20px #00f0ff14}.landing-pricing-popular{border-color:#00f0ff66;background:linear-gradient(135deg,rgba(0,240,255,.08) 0%,var(--bg-surface) 100%)}.landing-pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-body);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .75rem;border-radius:999px;white-space:nowrap}.landing-pricing-name{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.landing-pricing-price{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}.landing-pricing-price-note{font-size:.6875rem;color:var(--text-muted);margin-top:.25rem;margin-bottom:.5rem}.landing-pricing-credits{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.landing-pricing-rate{font-size:.6875rem;color:var(--text-muted);margin-bottom:1rem}.landing-pricing-cta{display:inline-block;width:100%;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-align:center;border-radius:8px;text-decoration:none;transition:all .2s;background:var(--color-primary);color:var(--bg-body)}.landing-pricing-cta:hover{box-shadow:0 0 16px var(--color-primary-glow);text-decoration:none}.landing-pricing-cta-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.landing-pricing-cta-outline:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:none}.landing-pricing-note{text-align:center;font-size:.8125rem;color:var(--text-muted);margin-top:1.5rem}.landing-comparison{border-top:1px solid var(--border)}.landing-comparison-table{width:100%;border-collapse:collapse;font-size:.8125rem;margin-top:2rem}.landing-comparison-table th,.landing-comparison-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.landing-comparison-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-surface)}.landing-comparison-table th:first-child{border-radius:6px 0 0}.landing-comparison-table th:last-child{border-radius:0 6px 0 0}.landing-comparison-table td{color:var(--text-secondary)}.landing-comparison-table td:first-child{font-weight:500;color:var(--text-primary)}.landing-comparison-table th:nth-child(2),.landing-comparison-table td:nth-child(2){color:var(--color-primary);font-weight:600}.landing-comparison-check{color:var(--color-primary)}@media (max-width: 640px){.landing-comparison-table{font-size:.75rem}.landing-comparison-table th,.landing-comparison-table td{padding:.5rem}}.landing-why-credits{border-top:1px solid var(--border)}.landing-why-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media (max-width: 700px){.landing-why-credits-grid{grid-template-columns:1fr}}.landing-why-credits-block h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.landing-why-credits-block p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.landing-why-credits-list{list-style:none;padding:0;margin:0}.landing-why-credits-list li{position:relative;padding-left:1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.8}.landing-why-credits-list li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.landing-math{margin-top:1.5rem;padding:1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.landing-math h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .75rem}.landing-math p{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .25rem;line-height:1.6}.landing-cta{text-align:center;padding:5rem 2rem;border-top:1px solid var(--border)}.landing-cta h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}.landing-cta p{font-size:1rem;color:var(--text-secondary);max-width:520px;margin:0 auto 2rem;line-height:1.6}.landing-footer{text-align:center;padding:2rem;border-top:1px solid var(--border);font-size:.8125rem;color:var(--text-muted)}.landing-footer-links{margin-top:.5rem}.landing-footer-links a{color:var(--text-muted);text-decoration:none}.landing-footer-links a:hover{color:var(--text-primary);text-decoration:underline}@media (max-width: 560px){.landing-hero-full h1{font-size:2.25rem}.landing-hero-full{padding:3rem 1.25rem 2.5rem}.landing-section{padding:3rem 1.25rem}.landing-nav{padding:.75rem 1rem}}.bulk-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;margin-bottom:.75rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:8px}.bulk-action-bar-left{display:flex;align-items:center;gap:.75rem}.bulk-action-bar-right{display:flex;align-items:center;gap:.5rem}.bulk-select-all-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-select-all-text{font-size:.875rem;color:var(--text-secondary)}.bulk-clear-btn{font-size:.8rem;padding:.2rem .6rem;color:var(--text-muted);background:transparent;border:1px solid var(--border)}.bulk-clear-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.monitor-card-wrapper{position:relative;display:contents}.monitor-card-wrapper.bulk-selectable{display:flex;align-items:flex-start;gap:.5rem}.monitor-card-checkbox-label{display:flex;align-items:center;padding-top:1.2rem;cursor:pointer}.monitor-card-inner{flex:1;min-width:0;transition:outline .1s ease;border-radius:10px;outline:2px solid transparent}.monitor-card-inner.is-selected{outline-color:var(--color-primary)}.btn.btn-sm{padding:.3rem .75rem;font-size:.8125rem}.btn.btn-success{background:#00c86426;border-color:#00c86466;color:#00c864}.btn.btn-success:hover:not(:disabled){background:#00c86440;border-color:#00c864}.btn.btn-danger{background:#ff4b4b1f;border-color:#ff4b4b59;color:var(--color-danger)}.btn.btn-danger:hover:not(:disabled){background:#ff4b4b38;border-color:var(--color-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-body)}.view-toggle-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem .7rem;font-size:.8125rem;font-weight:500;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.view-toggle-btn+.view-toggle-btn{border-left:1px solid var(--border)}.view-toggle-btn:hover{color:var(--text-primary);background:#00f0ff0a}.view-toggle-btn.is-active{background:#00f0ff1f;color:var(--color-primary)}.view-toggle-btn svg{flex-shrink:0}.monitor-card-sparkline{margin:.5rem 0 .4rem;width:100%;display:block}.monitor-card-sparkline-svg{width:100%;height:18px;display:block}.monitor-table-wrapper{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.monitor-table{width:100%;border-collapse:collapse;font-size:.875rem}.monitor-table-th{padding:.55rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;background:#0000002e;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;white-space:nowrap}.monitor-table-th-inner{display:inline-flex;align-items:center;gap:.35rem}.monitor-table-sort-arrow{font-size:.55rem;opacity:.35;transition:opacity .15s}.monitor-table-sort-arrow.is-active{opacity:1;color:var(--color-primary)}.monitor-table-th.is-active,.monitor-table-th:hover{color:var(--text-primary)}.monitor-table-warn-col{width:28px;padding-left:.5rem;padding-right:.25rem;text-align:center}.monitor-table-select-col{width:32px;padding-left:.25rem;padding-right:.25rem;text-align:center}.monitor-table-spark-col{width:130px}.monitor-table-row{transition:background-color .12s}.monitor-table-row:hover{background:#00f0ff0a}.monitor-table-row.is-selected{background:#00f0ff14}.monitor-table-row.is-paused .monitor-table-name{color:var(--text-muted)}.monitor-table-row.is-no-credits{background:#ffb3000f}.monitor-table-row.is-no-credits:hover{background:#ffb3001a}.monitor-table-warn-icon{display:inline-flex;color:#ffb300}.monitor-table-td{padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.monitor-table tbody tr:last-child .monitor-table-td{border-bottom:none}.monitor-table-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.monitor-table-type-icon{display:inline-flex;align-items:center;justify-content:center}.monitor-table-name{color:var(--text-primary);text-decoration:none;font-weight:500}.monitor-table-name:hover{color:var(--color-primary);text-decoration:underline}.monitor-table-paused-pill{margin-left:.5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.1em .45em;border-radius:3px;background:#6663;color:var(--color-muted);vertical-align:middle}.monitor-table-url{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.monitor-table-tags{display:flex;flex-wrap:wrap;gap:.25rem}@media (max-width: 760px){.monitor-table th:nth-child(6),.monitor-table td:nth-child(6),.monitor-table th:nth-child(9),.monitor-table td:nth-child(9){display:none}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.85}50%{opacity:1}}.skeleton{position:relative;display:block;background-color:var(--bg-surface-alt);background-image:linear-gradient(90deg,#00f0ff00,#00f0ff14 30%,#00f0ff2e,#00f0ff14 70%,#00f0ff00);background-size:200% 100%;background-repeat:no-repeat;background-position:-200% 0;animation:skeleton-shimmer 1.6s ease-in-out infinite,skeleton-pulse 2.4s ease-in-out infinite;overflow:hidden;isolation:isolate}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #00f0ff0f}@media (prefers-reduced-motion: reduce){.skeleton{animation:skeleton-pulse 2.4s ease-in-out infinite;background-image:none}}.skeleton-text{display:flex;flex-direction:column;gap:.5rem}.skeleton-monitor-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem;min-height:122px}.skeleton-monitor-card-header{display:flex;align-items:center;gap:.75rem}.skeleton-monitor-card-status{margin-left:auto}.skeleton-monitor-card-meta{display:flex;align-items:center;gap:.6rem}.skeleton-monitor-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.skeleton-stat-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem;display:flex;flex-direction:column;gap:.65rem;min-height:110px}.skeleton-chart{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.loading-credentials,.loading-text{position:relative;display:block;height:38px;border-radius:6px;color:transparent;background-color:var(--bg-surface-alt);background-image:linear-gradient(90deg,#00f0ff00,#00f0ff14 30%,#00f0ff2e,#00f0ff14 70%,#00f0ff00);background-size:200% 100%;background-repeat:no-repeat;background-position:-200% 0;animation:skeleton-shimmer 1.6s ease-in-out infinite,skeleton-pulse 2.4s ease-in-out infinite;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate}.loading-credentials:after,.loading-text:after,.maintenance-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #00f0ff0f}.maintenance-loading{position:relative;display:block;height:110px;border-radius:8px;color:transparent;background-color:var(--bg-surface-alt);background-image:linear-gradient(90deg,#00f0ff00,#00f0ff14 30%,#00f0ff2e,#00f0ff14 70%,#00f0ff00);background-size:200% 100%;background-repeat:no-repeat;background-position:-200% 0;animation:skeleton-shimmer 1.6s ease-in-out infinite,skeleton-pulse 2.4s ease-in-out infinite;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate}.monitor-form-vanilla{display:flex;flex-direction:column;gap:1rem;font-family:inherit}.mfv-tab-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.mfv-tab{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease}.mfv-tab:hover{background:#00f0ff14;border-color:#00f0ff66;color:var(--text-primary)}.mfv-tab.is-active{background:#00f0ff1f;border-color:var(--color-primary);color:var(--color-primary)}.mfv-tab-icon{font-size:1rem;line-height:1}.mfv-tab-label{letter-spacing:.01em}.mfv-body{min-height:320px}.mfv-form{display:flex;flex-direction:column;gap:.85rem}.mfv-row{display:grid;gap:.85rem}.mfv-row-2{grid-template-columns:1fr 1fr}.mfv-row-3{grid-template-columns:1fr 1fr 1fr}.mfv-field{display:flex;flex-direction:column;gap:.35rem}.mfv-label{font-size:.8rem;color:var(--text-secondary);letter-spacing:.02em}.mfv-input{padding:.55rem .7rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.95rem;font-family:inherit}.mfv-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.mfv-checkbox{display:flex;align-items:center;gap:.5rem;padding-top:.25rem;cursor:pointer;color:var(--text-primary);font-size:.9rem}.mfv-thresholds{margin-top:.5rem;padding:.85rem 1rem;background:var(--bg-surface-alt);border-radius:8px;display:flex;flex-direction:column;gap:.7rem}.mfv-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-weight:600;margin-bottom:.35rem}.mfv-footer{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.75rem;border-top:1px solid var(--border)}.cmd-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:cmd-backdrop-in .15s ease}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.cmd-palette-modal{width:100%;max-width:580px;background:#0b1220;border:1px solid var(--border);border-radius:12px;box-shadow:0 0 0 1px #00f0ff14,0 24px 64px #000000b3;overflow:hidden;animation:cmd-modal-in .15s ease}@keyframes cmd-modal-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-palette-search{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-bottom:1px solid var(--border)}.cmd-palette-search-icon{flex-shrink:0;color:var(--text-muted)}.cmd-palette-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary);padding:0;line-height:1.5}.cmd-palette-input::placeholder{color:var(--text-muted)}.cmd-palette-results{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cmd-palette-results::-webkit-scrollbar{width:4px}.cmd-palette-results::-webkit-scrollbar-track{background:transparent}.cmd-palette-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cmd-palette-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.cmd-palette-section-label{padding:.5rem 1rem .25rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.cmd-palette-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;cursor:pointer;border-left:2px solid transparent;transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.cmd-palette-item:hover,.cmd-palette-item.active{background:#00f0ff0f;border-left-color:var(--color-primary)}.cmd-palette-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:var(--bg-surface-alt);display:flex;align-items:center;justify-content:center;font-size:.875rem}.cmd-palette-item-text{flex:1;min-width:0}.cmd-palette-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-palette-item-sub{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cmd-palette-status{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.cmd-palette-status.up{background:var(--color-success)}.cmd-palette-status.down{background:var(--color-danger)}.cmd-palette-footer{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 1rem;border-top:1px solid var(--border);gap:1rem}.cmd-palette-hint{font-size:.6875rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem}.cmd-palette-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:.1em .4em;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.6875rem;color:var(--text-secondary);line-height:1.4}.cmd-palette-trigger-badge{display:none;align-items:center;gap:.25rem;padding:.2rem .5rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:6px;font-size:.6875rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.cmd-palette-trigger-badge:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (min-width: 768px){.cmd-palette-trigger-badge{display:inline-flex}}.monitor-preview{margin-top:32px;background:#0b1220;border:1px solid #1f2937;border-radius:12px;overflow:hidden;position:relative}.monitor-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(251,191,36,.015) 24px,rgba(251,191,36,.015) 48px);pointer-events:none}.preview-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fbbf2414;border-bottom:1px solid rgba(251,191,36,.25);font-size:13px;color:#fbbf24}.preview-badge{display:inline-block;padding:3px 8px;background:#fbbf24;color:#0b1220;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.08em}.preview-banner-text{color:#fbbf24;opacity:.85}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1f2937}.preview-header-info{display:flex;align-items:center;gap:14px}.preview-icon{font-size:32px;line-height:1}.preview-title{margin:0 0 2px;font-size:18px;color:#e5e7eb}.preview-target{font-size:13px;color:#9ca3af;font-family:SF Mono,Menlo,monospace}.preview-status{padding:6px 14px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.08em}.preview-status-up{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.preview-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1f2937}.preview-kpi{background:#0b1220;padding:18px 24px}.preview-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:8px}.preview-kpi-value{font-size:26px;font-weight:600;color:#e5e7eb}.preview-kpi-good .preview-kpi-value{color:#4ade80}.preview-kpi-warn .preview-kpi-value{color:#fbbf24}.preview-kpi-muted .preview-kpi-value{color:#9ca3af}.preview-chart-section,.preview-metrics-section{padding:20px 24px;border-top:1px solid #1f2937}.preview-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.preview-section-header h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;font-weight:600}.preview-section-meta{font-size:11px;color:#6b7280}.preview-chart{width:100%;height:auto;background:#050810;border-radius:6px}.preview-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.preview-metric-card{background:#0b1220;border:1px solid #1f2937;border-radius:6px;padding:12px 14px}.preview-metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:4px}.preview-metric-value{font-size:18px;font-weight:600;color:#e5e7eb;line-height:1.2}.preview-metric-unit{font-size:12px;color:#6b7280;margin-left:2px;font-weight:400}.preview-metric-bar{margin-top:8px;height:4px;background:#1f2937;border-radius:2px;overflow:hidden}.preview-metric-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}@media (max-width: 700px){.preview-kpi-grid{grid-template-columns:1fr}}.admin-hosts{max-width:1400px;margin:0 auto}.admin-hosts-header{margin-bottom:2rem}.admin-hosts-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-hosts-header h1 span{color:var(--color-primary)}.admin-hosts-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.hosts-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.hosts-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.hosts-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:host-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes host-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.hosts-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.hosts-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hosts-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.hosts-stat .stat-value.stat-online{color:var(--color-success);text-shadow:0 0 20px rgba(0,240,255,.5)}.hosts-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.admin-hosts .loading-state,.admin-hosts .error-state{text-align:center;padding:3rem;color:var(--text-secondary)}.admin-hosts .error-state{color:var(--color-danger)}.empty-state p{color:var(--text-secondary);margin:0}.hosts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.host-card{background:var(--bg-surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .2s ease}.host-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.host-card-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#00f0ff1a,#00c4d40d);border-bottom:1px solid var(--border)}.host-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.host-info h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.status-online{background:#00f0ff26;color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.status-offline{background:#ff4b4b26;color:var(--color-danger)}.status-draining{background:#ffb30026;color:var(--color-warning)}.status-unknown{background:var(--bg-surface-alt);color:var(--text-muted)}.host-location{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary)}.location-icon{font-size:.875rem}.host-card-body{padding:1rem 1.25rem}.host-detail{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border)}.host-detail:last-child{border-bottom:none}.hosts-stat .stat-hint{font-size:.6875rem;color:var(--text-muted);margin-top:.125rem}.hosts-stat .stat-value.stat-tone-warn{color:var(--color-warning);text-shadow:0 0 16px rgba(255,179,0,.4)}.hosts-stat .stat-value.stat-tone-danger{color:var(--color-danger);text-shadow:0 0 16px rgba(255,75,75,.4)}.hosts-stat .stat-value.stat-tone-ok{color:var(--color-success);text-shadow:0 0 16px rgba(0,240,255,.4)}.hosts-table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;overflow-x:auto}.hosts-table{width:100%;border-collapse:collapse;font-size:.8125rem}.hosts-table thead th{text-align:left;padding:.75rem .875rem;background:var(--bg-surface-alt);color:var(--text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.hosts-table tbody td{padding:.75rem .875rem;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.hosts-row{cursor:pointer;transition:background-color .15s ease}.hosts-row:hover{background:#00f0ff0a}.hosts-row-expanded{background:#00f0ff14}.hosts-row-detail td{background:var(--bg-surface-alt);padding:1.25rem 1.5rem}.hosts-row-dot{width:28px;text-align:center}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.status-dot.dot-green{background:var(--color-success);box-shadow:0 0 10px var(--color-primary-glow)}.status-dot.dot-amber{background:var(--color-warning);box-shadow:0 0 10px #ffb30080}.status-dot.dot-red{background:var(--color-danger);box-shadow:0 0 10px #ff4b4b80}.cell-name-block{display:flex;flex-direction:column;gap:.125rem}.cell-name-primary{font-weight:600;color:var(--text-primary)}.cell-name-sub{font-size:.6875rem;color:var(--text-muted);font-family:SF Mono,Monaco,Inconsolata,monospace}.region-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--text-secondary)}.region-flag{font-size:.875rem;line-height:1}.approval-badge{display:inline-block;padding:.1875rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.approval-approved{background:#00f0ff26;color:var(--color-primary)}.approval-pending{background:#ffb30026;color:var(--color-warning)}.approval-rejected,.approval-suspended{background:#ff4b4b26;color:var(--color-danger)}.concurrent-cell strong{color:var(--text-primary);font-weight:600}.concurrent-max{color:var(--text-muted);font-size:.75rem}.heartbeat-stale{color:var(--color-danger);font-weight:600}.muted{color:var(--text-muted)}.capability-pills{display:flex;flex-wrap:wrap;gap:.25rem}.capability-pill{display:inline-block;padding:.125rem .4375rem;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);border-radius:3px;font-size:.6875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--color-primary)}.hosts-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-block{min-width:0}.detail-block-wide{grid-column:1 / -1}.detail-block h4{margin:0 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.detail-dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0}.detail-dl>div{display:flex;justify-content:space-between;gap:.5rem;padding:.375rem 0;border-bottom:1px solid var(--border);min-width:0}.detail-dl dt{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.detail-dl dd{margin:0;font-size:.75rem;color:var(--text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-dl dd.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--color-primary)}.benchmark-pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.875rem 1rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--text-secondary);overflow-x:auto;margin:0;max-height:320px;overflow-y:auto}.benchmark-actions{margin-top:.875rem;display:flex;align-items:center;gap:.75rem}.btn-trigger-benchmark{background:var(--color-primary);color:var(--bg-base, #0a0e14);border:none;padding:.4375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.btn-trigger-benchmark:hover:not(:disabled){filter:brightness(1.1)}.btn-trigger-benchmark:disabled{opacity:.6;cursor:not-allowed}.benchmark-msg{font-size:.75rem}.benchmark-msg.benchmark-ok{color:var(--color-success)}.benchmark-msg.benchmark-err{color:var(--color-danger)}.benchmark-msg.benchmark-protected{color:#ffb300;font-weight:500}.btn-compact{padding:.35rem .75rem;font-size:.8rem}.btn-danger{color:var(--color-danger, #FF4B4B);border-color:#ff4b4b66}.btn-danger:hover:not(:disabled){background:#ff4b4b14;border-color:var(--color-danger, #FF4B4B)}.cell-ip .mono{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:.8rem}.cell-ip-block{display:flex;flex-direction:column;gap:2px;line-height:1.2}.cell-ip-secondary{opacity:.6;font-size:.72rem}.broker-card{background:var(--bg-elevated, rgba(255, 255, 255, .04));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:8px;padding:14px 18px;margin-bottom:16px}.broker-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.broker-card-header h3{margin:0;font-size:.95rem;font-weight:600}.broker-pill{font-size:.72rem;padding:2px 8px;border-radius:999px;font-weight:500}.broker-pill-ok{background:#22c55e26;color:#22c55e}.broker-pill-off{background:#ffffff14;color:var(--text-muted, rgba(255, 255, 255, .5))}.broker-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.broker-stat{display:flex;flex-direction:column;gap:2px}.broker-stat strong{font-size:1.1rem;font-weight:600}.broker-stat span{font-size:.72rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.broker-stat-wide strong{font-size:.9rem}.broker-last-err{margin:10px 0 0;font-size:.78rem;color:var(--color-danger, #ff4b4b)}.broker-actions{margin-top:12px;display:flex;align-items:center;gap:12px}.broker-err{font-size:.75rem;color:var(--color-danger, #ff4b4b)}.master-badge{display:inline-block;margin-left:.5rem;padding:1px 6px;font-size:.65rem;font-weight:600;letter-spacing:.04em;color:#ffb300;background:#ffb3001f;border:1px solid rgba(255,179,0,.4);border-radius:4px;vertical-align:middle}.hosts-row-master td{background:#ffb30008}@media (max-width: 900px){.hosts-detail-grid{grid-template-columns:1fr}}.admin-hosts-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.btn-add-worker{display:inline-flex;align-items:center;gap:.4375rem;background:var(--color-primary);color:var(--bg-base, #0a0e14);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .05s ease;box-shadow:0 0 16px var(--color-primary-glow);flex-shrink:0}.btn-add-worker:hover{filter:brightness(1.1)}.btn-add-worker:active{transform:translateY(1px)}.btn-add-worker-plus{font-size:1.125rem;line-height:1;font-weight:600}.provision-form{display:flex;flex-direction:column;gap:1rem}.provision-form .form-row{display:flex;flex-direction:column;gap:.375rem}.provision-form .form-row-split{display:grid;grid-template-columns:1fr 2fr;gap:.875rem}.provision-form .form-row-split>div{display:flex;flex-direction:column;gap:.375rem}.provision-form .form-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.provision-form .form-input{background:var(--bg-base, var(--bg-surface));border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.provision-form .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00f0ff26}.provision-key-textarea{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;resize:vertical;min-height:140px}.provision-segmented{display:inline-flex;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:6px;padding:2px;gap:2px;width:fit-content}.segmented-btn{background:transparent;border:none;color:var(--text-secondary);padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background:var(--color-primary);color:var(--bg-base, #0a0e14);font-weight:600;box-shadow:0 0 12px var(--color-primary-glow)}.provision-hint{font-size:.8125rem;color:var(--text-muted);font-style:italic;padding:.5rem .75rem;background:var(--bg-surface-alt);border-radius:6px;margin:0}.provision-hint-err{color:var(--color-danger);font-style:normal}.provision-hint-mono{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:.75rem;word-break:break-all;font-style:normal}.provision-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.provision-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn-secondary{padding:.5rem 1rem;background:#00f0ff14;color:var(--color-primary);border:1px solid rgba(0,240,255,.4);border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color 80ms ease,border-color 80ms ease}.btn-secondary:hover:not(:disabled){background:#00f0ff26;border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.provision-error{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:var(--color-danger);padding:.625rem .875rem;border-radius:6px;font-size:.8125rem}.provision-actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-primary{background:var(--color-primary);color:var(--bg-base, #0a0e14);border:none;padding:.5rem 1.125rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:.5rem 1.125rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.provision-progress{display:flex;flex-direction:column;gap:.875rem}.provision-target{display:flex;align-items:baseline;gap:.625rem;padding:.5rem .75rem;background:var(--bg-surface-alt);border-radius:6px}.provision-target-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.provision-target-host{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;color:var(--color-primary);font-weight:600}.provision-step{font-size:.875rem;color:var(--text-primary);font-weight:500}.provision-progressbar{background:var(--bg-surface-alt);border-radius:999px;height:6px;overflow:hidden}.provision-progressbar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,rgba(0,240,255,.5) 100%);box-shadow:0 0 12px var(--color-primary-glow);transition:width .4s ease}.provision-banner{padding:.875rem 1rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.provision-banner strong{font-size:.9375rem}.provision-banner p{margin:0;font-size:.8125rem}.provision-banner-success{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--color-primary)}.provision-banner-error{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:var(--color-danger)}.provision-banner-warn{background:#ffb3001a;border:1px solid rgba(255,179,0,.3);color:var(--color-warning)}.provision-link{color:inherit;text-decoration:underline;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem}.provision-poll-warn{font-size:.75rem;color:var(--color-warning);font-style:italic}.provision-log{background:var(--bg-base, #0a0e14);border:1px solid var(--border);border-radius:6px;padding:.625rem .75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.1875rem}.provision-log-empty{color:var(--text-muted);font-style:italic}.provision-log-line{display:flex;gap:.625rem;align-items:flex-start;line-height:1.5;word-break:break-word}.provision-log-time{color:var(--text-muted);flex-shrink:0}.provision-log-message{color:var(--text-secondary);white-space:pre-wrap}.provision-log-info .provision-log-message{color:var(--text-secondary)}.provision-log-warn .provision-log-message{color:var(--color-warning)}.provision-log-error .provision-log-message{color:var(--color-danger)}.recent-provisions{margin-top:2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.recent-provisions-title{margin:0 0 .875rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.recent-provisions-list{display:flex;flex-direction:column;gap:.375rem}.recent-provisions-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:.875rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:6px;padding:.5rem .875rem;cursor:pointer;text-align:left;font-size:.8125rem;color:var(--text-primary);transition:border-color .15s ease,background .15s ease;font-family:inherit}.recent-provisions-row:hover{border-color:var(--color-primary);background:#00f0ff0a}.recent-provisions-host{font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--color-primary);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-provisions-time{font-size:.75rem;color:var(--text-muted)}.provision-status-pill{display:inline-block;padding:.1875rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.provision-status-succeeded{background:#00f0ff26;color:var(--color-primary)}.provision-status-failed{background:#ff4b4b26;color:var(--color-danger)}.provision-status-cancelled{background:var(--bg-surface);color:var(--text-muted)}.provision-status-running,.provision-status-pending{background:#ffb30026;color:var(--color-warning)}.admin-users-clients{max-width:1100px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-header h1 span{color:var(--color-primary)}.admin-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.admin-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.admin-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.admin-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.admin-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.admin-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.admin-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.tabs{display:flex;gap:4px;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:.75rem 1.25rem;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.tab:hover{color:var(--text-primary);border-color:transparent}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);border-radius:2px 2px 0 0}.tab-count{background:var(--bg-surface-alt);color:var(--text-secondary);font-size:.75rem;padding:2px 8px;border-radius:10px}.tab.active .tab-count{background:#00f0ff26;color:var(--color-primary)}.admin-users-clients .loading-state,.admin-users-clients .error-state{text-align:center;padding:3rem;color:var(--text-secondary)}.admin-users-clients .error-state{color:var(--color-danger)}.admin-users-clients .empty-state{text-align:center;padding:4rem 1.5rem;background:var(--bg-surface);border-radius:12px;border:1px dashed var(--border);color:var(--text-secondary)}.table-container{background:var(--bg-surface);border-radius:12px;border:1px solid var(--border);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border)}.data-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-surface-alt)}.cell-name{display:flex;align-items:center;gap:.75rem;font-weight:500}.cell-email{color:var(--text-secondary)}.cell-date{color:var(--text-muted);font-size:.8125rem}.cell-credits{font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--color-primary)}.credits-low{color:var(--color-danger)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dim) 100%);color:var(--bg-body);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;box-shadow:0 0 10px var(--color-primary-glow)}.client-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.provider-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.6875rem;font-weight:700;border:1px solid var(--border)}.provider-google{background:#ea43351a;color:#ea4335;border-color:#ea43354d}.provider-github{background:var(--bg-surface-alt);color:var(--text-primary)}.provider-local{background:#00f0ff1a;color:var(--color-primary);border-color:#00f0ff4d}.role-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-admin{background:#00f0ff26;color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.role-user{background:var(--bg-surface-alt);color:var(--text-secondary)}.clickable-row{cursor:pointer;transition:background .12s}.clickable-row:hover{background:var(--bg-elevated, rgba(255, 255, 255, .04))}.status-pill{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.status-up{background:#22c55e26;color:#22c55e}.status-down{background:#ef444426;color:#ef4444}.status-unknown{background:#ffffff14;color:var(--text-muted, rgba(255, 255, 255, .5))}.cell-url code{font-size:.78rem;word-break:break-all;opacity:.85}.audit-log{max-width:1200px;margin:0 auto}.audit-log-header{margin-bottom:1.5rem}.audit-log-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.audit-log-header h1 span{color:var(--color-primary)}.audit-log-header .subtitle{color:var(--text-secondary);margin:0 0 1rem}.audit-log-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.filter-select{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.filter-clear{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:.5rem .85rem;font-size:.85rem;cursor:pointer;transition:all .15s}.filter-clear:hover{border-color:var(--color-primary);color:var(--color-primary)}.audit-log-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.audit-log-table{width:100%;border-collapse:collapse;font-size:.875rem}.audit-log-table thead th{text-align:left;padding:.75rem 1rem;background:var(--bg-base);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;border-bottom:1px solid var(--border)}.audit-log-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.audit-log-table tbody tr:hover{background:#ffffff05}.audit-log-table tbody tr.row-expanded{background:#00f0ff0a}.audit-log-table tbody tr.row-metadata,.audit-log-table tbody tr.row-metadata:hover{background:var(--bg-base)}.audit-log-table td{padding:.75rem 1rem;color:var(--text-primary);vertical-align:middle}.cell-time{white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums}.cell-actor{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-target{max-width:200px}.target-info{display:inline-flex;align-items:center;gap:.5rem}.target-type{text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.target-id{color:var(--text-primary);font-size:.8rem}.cell-ip{color:var(--text-secondary);white-space:nowrap}.cell-empty{color:var(--text-tertiary, var(--text-secondary));opacity:.4}.mono{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85em}.action-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace}.pill-success{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.pill-danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.pill-info{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.meta-toggle{background:transparent;border:1px solid var(--border);border-radius:4px;width:28px;height:28px;cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s}.meta-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.metadata-block{background:#00000040;color:var(--text-primary);font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8rem;padding:.85rem 1rem;border-radius:6px;margin:.25rem 0;overflow-x:auto;white-space:pre;border:1px solid var(--border)}.metadata-ua{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.ua-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;font-weight:600}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-state h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.empty-state p{margin:0;font-size:.9rem}.loading-state,.error-state{padding:2rem 1rem;text-align:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.error-state{color:#ef4444;border-color:#ef44444d}@media (max-width: 768px){.audit-log-table{font-size:.78rem}.audit-log-table th,.audit-log-table td{padding:.55rem .5rem}.filter-group{min-width:150px}}.credentials-page{max-width:1100px;margin:0 auto}.credentials-header{margin-bottom:2rem}.credentials-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.credentials-header h1 span{color:var(--color-primary)}.credentials-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.credentials-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.credentials-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.credentials-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:cred-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes cred-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.credentials-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.credentials-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.credentials-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.credentials-stat .stat-value.stat-revoked{color:var(--text-muted);text-shadow:none}.credentials-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.credentials-actions{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.toggle-revoked{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem}.toggle-revoked input{cursor:pointer}.empty-state{text-align:center;padding:4rem 1.5rem;background:var(--bg-surface);border-radius:12px;border:1px dashed var(--border)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.credential-card{background:var(--bg-surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .2s ease}.credential-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.credential-card.revoked{opacity:.7;border-color:var(--border)}.credential-card.revoked:hover{border-color:var(--border);box-shadow:none}.credential-card-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#00f0ff1a,#00c4d40d);border-bottom:1px solid var(--border)}.credential-card.revoked .credential-card-header{background:var(--bg-surface-alt)}.credential-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.credential-info h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.auth-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;letter-spacing:.5px}.auth-badge.key{background:#00f0ff26;color:var(--color-primary)}.auth-badge.password{background:#ffb30026;color:var(--color-warning)}.status-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;letter-spacing:.5px}.status-badge.status-revoked{background:#ff4b4b26;color:var(--color-danger)}.credential-card-body{padding:1rem 1.25rem}.credential-detail{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border)}.credential-detail:last-child{border-bottom:none}.detail-label{font-size:.8125rem;color:var(--text-muted)}.detail-value{font-size:.8125rem;color:var(--text-primary);font-weight:500}.detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--color-primary)}.detail-value.fingerprint{cursor:help}.detail-value.danger{color:var(--color-danger)}.credential-card-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-surface-alt)}.btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary:hover{box-shadow:0 0 20px var(--color-primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-alt);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-warning{background:#ffb30033;color:var(--color-warning)}.btn-warning:hover{background:#ffb3004d}.btn-danger{background:#ff4b4b33;color:var(--color-danger)}.btn-danger:hover{background:#ff4b4b4d}.btn-copy{background:var(--bg-surface-alt);color:var(--text-secondary);border:1px solid var(--border)}.btn-copy:hover{color:var(--color-primary);border-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-height:90vh;overflow-y:auto}.modal.key-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-surface-alt)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.form-group textarea{resize:vertical;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem}.form-row{display:grid;grid-template-columns:1fr 100px;gap:1rem}.auth-type-toggle{display:flex;gap:.5rem}.toggle-btn{flex:1;padding:.625rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.toggle-btn:hover{border-color:var(--color-primary)}.toggle-btn.active{background:#00f0ff1a;border-color:var(--color-primary);color:var(--color-primary)}.key-options{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.or-divider{color:var(--text-muted);font-size:.75rem}.key-info{margin-top:.5rem;padding:.5rem;background:#00f0ff1a;border-radius:4px}.key-fingerprint{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--color-primary)}.warning-banner{background:#ffb30026;border:1px solid var(--color-warning);color:var(--color-warning);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem}.key-section{margin-bottom:1.5rem}.key-section:last-child{margin-bottom:0}.key-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.key-display{position:relative;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.key-display pre{margin:0;padding:1rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.7rem;color:var(--color-primary);white-space:pre-wrap;word-break:break-all;max-height:150px;overflow-y:auto}.key-display .btn-copy{position:absolute;top:.5rem;right:.5rem}.help-text{font-size:.75rem;color:var(--text-muted);margin:.5rem 0 0}.help-text code{background:var(--bg-surface-alt);padding:.125rem .375rem;border-radius:3px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.7rem}.fingerprint-display{display:block;background:var(--bg-primary);padding:.625rem;border:1px solid var(--border);border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;color:var(--color-primary)}.key-generate-row{display:flex;gap:.5rem;align-items:center}.key-type-select{flex:1;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer}.key-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.key-type-select:disabled{opacity:.6;cursor:not-allowed}.btn-generate{flex-shrink:0;white-space:nowrap}.key-type-hint{font-size:.75rem;color:var(--text-muted);margin:.5rem 0 0;font-style:italic}.key-info{margin-top:.5rem;padding:.75rem;border-radius:6px}.key-info.valid{background:#00f0ff1a;border:1px solid var(--color-primary)}.key-info.invalid{background:#ff4b4b1a;border:1px solid var(--color-danger)}.key-info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.key-info-row:last-child{margin-bottom:0}.key-info-label{font-size:.75rem;color:var(--text-muted);min-width:70px}.key-info-value{font-size:.75rem;color:var(--text-primary);font-weight:500}.key-info-value.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.7rem;color:var(--color-primary)}.key-info-bits{font-size:.6875rem;color:var(--text-muted)}.key-error{font-size:.75rem;color:var(--color-danger)}.key-parsing{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.key-generated-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.key-type-badge{background:#00f0ff26;color:var(--color-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.key-fingerprint-badge{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.7rem;color:var(--text-muted)}.modal-confirm{max-width:450px}.modal-header-warning{background:linear-gradient(135deg,#ffb3001a,#ffb3000d)}.modal-header-warning h2{display:flex;align-items:center;gap:.5rem}.confirm-credential-name{font-size:1rem;color:var(--text-primary);margin:0 0 1rem;text-align:center}.confirm-info{background:var(--bg-surface-alt);border-radius:8px;padding:1rem}.confirm-info p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem}.confirm-info ul{margin:0 0 1rem;padding-left:1.25rem}.confirm-info li{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.confirm-info li:last-child{margin-bottom:0}.confirm-warning{background:#ffb3001a;border:1px solid rgba(255,179,0,.3);border-radius:6px;padding:.75rem;margin-top:1rem;margin-bottom:0;color:var(--color-warning);font-size:.8125rem}.confirm-warning.confirm-danger{background:#ff4b4b1a;border-color:#ff4b4b4d;color:var(--color-danger)}.modal-footer-confirm{gap:1rem}.channels-page{max-width:1100px;margin:0 auto}.channels-header{margin-bottom:2rem}.channels-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.channels-header h1 span{color:var(--color-primary)}.channels-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.channels-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.channels-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.channels-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:channel-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes channel-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.channels-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.channels-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.channels-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.channels-stat .stat-value.stat-muted{color:var(--text-muted);text-shadow:none}.channels-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.channels-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.empty-state-small{text-align:center;padding:2rem;color:var(--text-secondary)}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.channel-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.channel-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.channel-card.disabled{opacity:.6}.channel-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--border)}.channel-info{display:flex;align-items:center;gap:.75rem}.channel-icon{font-size:1.5rem}.channel-icon-sm{font-size:1rem}.channel-name-wrapper h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.channel-type{font-size:.75rem;color:var(--text-muted)}.status-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:4px}.status-active{background:#00ff881a;color:var(--color-success)}.status-disabled{background:#8080801a;color:var(--text-muted)}.channel-card-body{padding:1rem}.channel-detail{display:flex;justify-content:space-between;margin-bottom:.5rem}.channel-detail:last-child{margin-bottom:0}.channel-card-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#0003}.channel-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.type-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-base);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:var(--color-primary)}.type-btn.active{border-color:var(--color-primary);background:#00f0ff1a;box-shadow:0 0 10px var(--color-primary-glow)}.type-icon{font-size:1.25rem}.type-label{font-size:.7rem;color:var(--text-secondary)}.type-btn.active .type-label{color:var(--color-primary)}.modal.modal-wide{max-width:700px}.modal-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=password],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;font-family:Monaco,Menlo,monospace}.help-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.defaults-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.defaults-header{display:grid;grid-template-columns:1fr repeat(4,80px);gap:.5rem;padding:.75rem 1rem;background:#0000004d;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.defaults-row{display:grid;grid-template-columns:1fr repeat(4,80px);gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);align-items:center}.defaults-row:hover{background:#00f0ff0d}.defaults-channel{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.defaults-event{text-align:center}.defaults-event input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.channel-stats{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.stats-row{display:flex;gap:.75rem;flex-wrap:wrap}.stat-item{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;display:inline-flex;align-items:center}.stat-sent{background:#28a74526;color:#28a745}.stat-pending{background:#ffc10726;color:#ffc107}.stat-failed{background:#dc354526;color:#dc3545}.channel-error{margin-top:.5rem;font-size:.7rem;color:#dc3545;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-clickable{cursor:pointer;border:1px solid transparent;transition:border-color .15s ease}.stat-clickable:hover{border-color:#dc354580}.failures-loading{margin-top:.6rem;font-size:.75rem;color:#9ca3af}.failures-list{list-style:none;padding:0;margin:.6rem 0 0;border-top:1px solid #1f2937;max-height:220px;overflow-y:auto}.failure-item{padding:8px 0;border-bottom:1px solid #1f2937}.failure-item:last-child{border-bottom:0}.failure-meta{display:flex;gap:10px;font-size:.7rem;color:#9ca3af;margin-bottom:4px}.failure-event{text-transform:uppercase;letter-spacing:.06em;color:#fca5a5;font-weight:600}.failure-error{font-family:SF Mono,Menlo,monospace;font-size:.7rem;color:#fca5a5;background:#dc35450f;border-left:2px solid #dc3545;padding:4px 8px;border-radius:0 3px 3px 0;white-space:pre-wrap;word-break:break-word}.failure-empty{font-size:.75rem;color:#6b7280;font-style:italic;padding:6px 0}.channel-preview-page{max-width:1400px;margin:0 auto;padding:32px 24px 64px;color:#e5e7eb}.preview-header{margin-bottom:24px}.preview-header h1{font-size:28px;margin:12px 0 6px;display:flex;align-items:center;gap:12px}.preview-header h1 span{color:#6b7280;font-weight:400}.preview-icon{font-size:32px}.preview-subtitle{color:#9ca3af;margin:0;font-size:14px}.preview-meta{background:#22d3ee0f;border:1px solid rgba(34,211,238,.18);border-radius:8px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.preview-meta-label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:#22d3ee;font-weight:600}.preview-meta code{font-size:13px;color:#d1d5db;background:transparent;padding:0}.preview-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 1100px){.preview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mockup-raw,.mockup-email,.mockup-webhook{grid-column:1 / -1}}.mockup{background:#111827;border:1px solid #1f2937;border-radius:12px;overflow:hidden}.mockup-header{background:#0b1220;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:10px 16px;border-bottom:1px solid #1f2937;font-weight:600}.mockup-telegram{background:#0d1620}.telegram-bubble{background:#2a3942;border-radius:12px;padding:12px 14px;margin:16px;max-width:480px;color:#e9edef;font-size:14px}.telegram-author{color:#60a5fa;font-weight:600;font-size:13px;margin-bottom:4px}.telegram-body{line-height:1.6}.telegram-body a{color:#38bdf8}.mockup-discord{background:#313338;color:#dbdee1}.discord-message{display:flex;gap:12px;padding:16px}.discord-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:grid;place-items:center;font-weight:700;flex-shrink:0}.discord-body{flex:1;min-width:0}.discord-username{font-weight:600;color:#f2f3f5;margin-bottom:4px}.discord-content{font-size:14px;margin-bottom:8px}.discord-embed{background:#2b2d31;border-left:4px solid #dc3545;border-radius:4px;padding:12px 16px;margin-top:4px}.discord-embed-title{font-weight:600;margin-bottom:4px;color:#fff}.discord-embed-desc{font-size:13px;color:#dbdee1;margin-bottom:8px}.discord-embed-fields{display:grid;grid-template-columns:1fr;gap:8px}.discord-field.inline{display:inline-block;min-width:150px;margin-right:16px}.discord-field-name{font-weight:600;font-size:12px;color:#fff}.discord-field-value{font-size:13px;color:#dbdee1}.discord-field-value a{color:#00a8fc}.discord-embed-footer{font-size:11px;color:#949ba4;margin-top:8px}.mockup-teams{background:#f5f5f5;color:#252525}.teams-card{background:#fff;margin:16px;border-radius:4px;border-top:4px solid #dc3545;padding:16px 20px;box-shadow:0 1px 3px #0000001a}.teams-title{font-size:18px;font-weight:600;margin-bottom:6px}.teams-text{font-size:14px;margin-bottom:12px;color:#424242}.teams-facts{width:100%;font-size:13px}.teams-facts td{padding:4px 8px;vertical-align:top}.teams-facts td:first-child{font-weight:600;width:30%;color:#616161}.teams-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.teams-button{padding:6px 14px;border:1px solid #6264a7;border-radius:3px;color:#6264a7;text-decoration:none;font-size:13px;font-weight:600}.mockup-ntfy{background:#1f1f1f}.ntfy-card{background:#2a2a2a;border-radius:8px;padding:14px 16px;margin:16px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.ntfy-priority{font-size:11px;color:#fbbf24;margin-bottom:6px;text-transform:uppercase}.ntfy-title{font-weight:600;margin-bottom:6px}.ntfy-body{white-space:pre-wrap;font-family:inherit;font-size:13px;margin:0 0 12px;color:#d4d4d4}.ntfy-actions{display:flex;gap:8px}.ntfy-button{padding:6px 12px;background:#3b82f6;color:#fff;border-radius:4px;font-size:12px;text-decoration:none;font-weight:600}.mockup-gotify{background:#1a1a1a}.gotify-card{margin:16px;background:#262626;border-left:4px solid #f59e0b;border-radius:4px;padding:14px 16px}.gotify-title{font-weight:600;margin-bottom:8px}.gotify-body{white-space:pre-wrap;font-family:-apple-system,sans-serif;font-size:13px;margin:0;color:#d1d5db}.mockup-slack{background:#1d1c1d;color:#d1d2d3}.slack-message{padding:16px}.slack-author{font-weight:700;color:#fff;margin-bottom:4px}.slack-text{margin-bottom:8px;font-size:14px}.slack-attachment{background:#222529;border-left:4px solid #dc3545;border-radius:4px;padding:12px 14px}.slack-att-title{font-weight:700;margin-bottom:4px;color:#fff}.slack-att-text{font-size:13px;margin-bottom:8px}.slack-fields{display:flex;flex-wrap:wrap;gap:12px}.slack-field{flex:1 1 100%}.slack-field.short{flex-basis:calc(50% - 6px)}.slack-field-title{font-weight:700;font-size:12px;color:#fff}.slack-field-value{font-size:13px;color:#d1d2d3}.slack-field-value a{color:#1d9bd1}.mockup-matrix{background:#fff;color:#17191c}.matrix-message{padding:16px}.matrix-author{font-weight:600;color:#0dbd8b;margin-bottom:4px}.matrix-body{font-size:14px}.matrix-body a{color:#0086e6}.matrix-body p{margin:4px 0}.mockup-email{background:#f9fafb;color:#111827}.email-meta{padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;font-size:13px}.email-iframe{width:100%;min-height:480px;border:0;background:#f5f5f5}.mockup-webhook{background:#0b1220}.webhook-meta{padding:10px 16px;background:#0e1729;border-bottom:1px solid #1f2937}.webhook-meta code{color:#22d3ee;font-size:13px;background:transparent;padding:0}.webhook-body{margin:0;padding:16px;font-size:13px;color:#d1d5db;white-space:pre-wrap;overflow-x:auto}.mockup-raw{background:#0b1220}.raw-tabs{display:flex;gap:4px}.raw-tabs button{background:transparent;border:0;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:0 8px;font-weight:600}.raw-tabs button.active{color:#22d3ee}.raw-body{margin:0;padding:16px;font-size:12px;color:#d1d5db;white-space:pre-wrap;overflow-x:auto;max-height:400px}.link-row{display:flex;gap:8px;padding:12px 16px;background:#0003;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.link-pill{padding:6px 12px;background:#1f2937;color:#d1d5db;border-radius:999px;font-size:12px;text-decoration:none;border:1px solid #374151}.link-pill.primary{background:#dc262615;color:#fca5a5;border-color:#7f1d1d}.preview-actions{margin-top:32px;display:flex;align-items:center;gap:16px}.preview-result{color:#22d3ee;font-size:14px}.incident-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px;color:#e5e7eb}.incident-back{color:#9ca3af;text-decoration:none;font-size:13px;display:inline-block;margin-bottom:12px}.incident-back:hover{color:#22d3ee}.incident-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.incident-header h1{font-size:28px;margin:0 0 6px;display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ack-pill{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4);padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.incident-status{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.incident-status-ongoing{background:#dc35452e;color:#fca5a5;border:1px solid #7f1d1d}.incident-status-resolved{background:#22c55e2e;color:#4ade80;border:1px solid #14532d}.incident-subtitle{color:#9ca3af;font-size:14px;margin:0 0 28px}.monitor-link{color:#22d3ee;text-decoration:none}.incident-type{font-size:11px;color:#6b7280;letter-spacing:.08em}.incident-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.meta-card{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:14px 16px}.meta-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.meta-value{font-size:15px;color:#e5e7eb;font-weight:600}.severity-critical{color:#fca5a5}.severity-major{color:#fbbf24}.severity-minor{color:#9ca3af}.incident-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:20px 24px;margin-bottom:20px}.incident-card h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin:0 0 14px}.incident-error{background:#dc354514;border-left:3px solid #dc3545;padding:12px 14px;margin:0;color:#fca5a5;font-family:SF Mono,Menlo,monospace;font-size:13px;white-space:pre-wrap;border-radius:0 4px 4px 0}.incident-error-meta{font-size:12px;color:#6b7280;margin:8px 0 0}.incident-chart{width:100%;height:auto;background:#0b1220;border-radius:6px}.chart-empty{color:#6b7280;font-size:13px;text-align:center;padding:30px 0}.report-link-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.18);border-radius:8px}.report-link-title{font-weight:600;color:#e5e7eb}.report-link-status{font-size:12px;color:#9ca3af;margin-top:2px}.report-cta{text-align:center;padding:16px 0}.report-cta p{color:#9ca3af;font-size:14px;margin:0 0 14px}.projects-page{max-width:1100px;margin:0 auto}.projects-header{margin-bottom:2rem}.projects-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.projects-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.projects-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.projects-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.projects-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:project-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes project-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.projects-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.projects-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.projects-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.projects-stat .stat-value.stat-muted{color:var(--text-muted);text-shadow:none}.projects-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.projects-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.error-banner{background:#ff4b4b1a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.success-banner{background:#00ff881a;border:1px solid var(--color-success);color:var(--color-success);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--border)}.project-info{display:flex;align-items:flex-start;gap:.75rem}.project-color-badge{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.project-name-wrapper h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.project-description{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 0;line-height:1.4}.project-card-body{padding:1rem}.project-detail{display:flex;justify-content:space-between;margin-bottom:.5rem}.project-detail:last-child{margin-bottom:0}.detail-value{font-size:.875rem;color:var(--text-secondary)}.project-card-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#0003}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 10px currentColor}.form-group input[type=text],.form-group textarea{width:100%;padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;font-family:inherit}.reports-page{max-width:1200px;margin:0 auto}.reports-header{margin-bottom:2rem}.reports-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.reports-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.reports-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.reports-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.reports-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:report-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes report-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.reports-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.reports-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.reports-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.reports-stat .stat-value.stat-muted{color:var(--text-muted);text-shadow:none}.reports-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.reports-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.report-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.report-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--border)}.report-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.report-period{font-size:.75rem;color:var(--text-muted)}.sla-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.sla-badge.sla-met{background:#00ff8826;color:var(--color-success)}.sla-badge.sla-missed{background:#ff4b4b26;color:var(--color-danger)}.report-card-body{padding:1rem}.uptime-display{text-align:center;margin-bottom:1rem;padding:1rem;background:#0003;border-radius:8px}.uptime-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.uptime-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.report-details{display:flex;flex-direction:column;gap:.5rem}.report-detail{display:flex;justify-content:space-between}.detail-value{font-size:.8rem;color:var(--text-secondary)}.report-card-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#0003}.modal.modal-large{max-width:900px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select{width:100%;padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.report-summary{margin-bottom:2rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.summary-stat{text-align:center;padding:1rem;background:#0003;border-radius:8px}.summary-stat.summary-stat-primary{background:#00f0ff1a}.summary-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-stat.summary-stat-primary .stat-value{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.summary-stat .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sla-status{text-align:center;padding:.75rem;border-radius:8px;font-weight:600}.sla-status.sla-met{background:#00ff881a;color:var(--color-success)}.sla-status.sla-missed{background:#ff4b4b1a;color:var(--color-danger)}.modal-body h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.monitors-table-wrapper{overflow-x:auto;margin-bottom:2rem}.monitors-table{width:100%;border-collapse:collapse}.monitors-table th,.monitors-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.monitors-table th{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.monitors-table td{font-size:.875rem;color:var(--text-secondary)}.monitor-link{color:var(--color-primary);text-decoration:none}.monitor-link:hover{text-decoration:underline}.monitor-type{text-transform:uppercase;font-size:.7rem;color:var(--text-muted)}.uptime-cell{font-weight:600}.uptime-cell.uptime-good{color:var(--color-success)}.uptime-cell.uptime-warn{color:var(--color-warning)}.uptime-cell.uptime-bad{color:var(--color-danger)}.daily-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:1rem;background:#0003;border-radius:8px}.daily-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.daily-bar{width:100%;max-width:20px;border-radius:2px 2px 0 0;transition:height .3s}.daily-bar.bar-good{background:var(--color-success)}.daily-bar.bar-warn{background:var(--color-warning)}.daily-bar.bar-bad{background:var(--color-danger)}.daily-label{font-size:.6rem;color:var(--text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.incident-reports-page{padding:2rem;max-width:1400px;margin:0 auto}.incident-reports-page .reports-header{margin-bottom:2rem}.incident-reports-page .reports-header h1{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.incident-reports-page .subtitle{color:var(--text-secondary);margin:0}.incident-reports-page .error-banner,.incident-reports-page .success-banner{padding:1rem;border-radius:8px;margin-bottom:1rem;cursor:pointer}.incident-reports-page .error-banner{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.incident-reports-page .success-banner{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.incident-reports-page .reports-banner{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:12px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;border:1px solid var(--border-color)}.incident-reports-page .reports-scanner{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.incident-reports-page .scanner-line{position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.incident-reports-page .reports-stats{display:flex;gap:3rem;position:relative;z-index:1}.incident-reports-page .reports-stat{display:flex;flex-direction:column;gap:.25rem}.incident-reports-page .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.incident-reports-page .stat-value.stat-warning{color:var(--warning)}.incident-reports-page .stat-value.stat-info{color:var(--info)}.incident-reports-page .stat-value.stat-success{color:var(--success)}.incident-reports-page .stat-label{font-size:.875rem;color:var(--text-secondary)}.incident-reports-page .reports-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.incident-reports-page .empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.incident-reports-page .empty-icon{font-size:4rem;margin-bottom:1rem}.incident-reports-page .empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.incident-reports-page .empty-state p{color:var(--text-secondary);margin:0 0 1.5rem}.incident-reports-page .reports-list{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.incident-reports-page .reports-table{width:100%;border-collapse:collapse}.incident-reports-page .reports-table th,.incident-reports-page .reports-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.incident-reports-page .reports-table th{background:var(--bg-tertiary);font-weight:600;font-size:.875rem;color:var(--text-secondary)}.incident-reports-page .reports-table tbody tr:hover{background:var(--bg-tertiary)}.incident-reports-page .reports-table tbody tr:last-child td{border-bottom:none}.incident-reports-page .link-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.incident-reports-page .link-button:hover{text-decoration:underline}.incident-reports-page .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.incident-reports-page .status-draft{background:#eab3081a;color:var(--warning);border:1px solid rgba(234,179,8,.2)}.incident-reports-page .status-reviewed{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.2)}.incident-reports-page .status-signed-off{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.incident-reports-page .action-buttons{display:flex;gap:.5rem}.incident-reports-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.incident-reports-page .modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.incident-reports-page .modal.modal-large{max-width:800px}.incident-reports-page .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.incident-reports-page .modal-title-row{display:flex;align-items:center;gap:1rem}.incident-reports-page .modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.incident-reports-page .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);line-height:1}.incident-reports-page .modal-close:hover{color:var(--text-primary)}.incident-reports-page .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.incident-reports-page .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end}.incident-reports-page .form-group{margin-bottom:1.25rem}.incident-reports-page .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.incident-reports-page .form-group input,.incident-reports-page .form-group textarea,.incident-reports-page .form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem}.incident-reports-page .form-group input:focus,.incident-reports-page .form-group textarea:focus,.incident-reports-page .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.incident-reports-page .form-group textarea{resize:vertical;min-height:80px}.incident-reports-page .form-hint{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--text-secondary)}.incident-reports-page .report-details{display:flex;flex-direction:column;gap:1.5rem}.incident-reports-page .detail-section{padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.incident-reports-page .detail-section:last-of-type{border-bottom:none}.incident-reports-page .detail-section h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.incident-reports-page .detail-section p{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.incident-reports-page .timeline-text{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem}.incident-reports-page .detail-meta{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.incident-reports-page .detail-meta p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.incident-reports-page .detail-meta p:last-child{margin-bottom:0}.incident-reports-page .btn{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;border:none;font-size:.9375rem;transition:all .15s ease}.incident-reports-page .btn:disabled{opacity:.5;cursor:not-allowed}.incident-reports-page .btn-primary{background:var(--primary);color:#fff}.incident-reports-page .btn-primary:hover:not(:disabled){background:var(--primary-dark)}.incident-reports-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.incident-reports-page .btn-secondary:hover:not(:disabled){background:var(--bg-primary)}.incident-reports-page .btn-success{background:var(--success);color:#fff}.incident-reports-page .btn-success:hover:not(:disabled){background:#16a34a}.incident-reports-page .btn-danger{background:var(--danger);color:#fff}.incident-reports-page .btn-danger:hover:not(:disabled){background:#dc2626}.incident-reports-page .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.incident-reports-page .loading-state{text-align:center;padding:4rem;color:var(--text-secondary)}@media (max-width: 768px){.incident-reports-page{padding:1rem}.incident-reports-page .reports-stats{flex-wrap:wrap;gap:1.5rem}.incident-reports-page .reports-stat{min-width:80px}.incident-reports-page .modal-overlay{padding:1rem}.incident-reports-page .modal{max-height:85vh}.incident-reports-page .reports-table{font-size:.875rem}.incident-reports-page .reports-table th,.incident-reports-page .reports-table td{padding:.75rem .5rem}}.status-pages-page{max-width:1200px;margin:0 auto}.status-pages-header{margin-bottom:2rem}.status-pages-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.status-pages-header .subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.status-pages-banner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;margin-bottom:2rem}.status-pages-scanner{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 20%,rgba(0,240,255,.1) 80%,transparent 100%);position:relative;overflow:hidden}.status-pages-scanner .scanner-line{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);animation:status-scan 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}@keyframes status-scan{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.status-pages-stats{display:flex;justify-content:center;gap:4rem;padding:1.25rem}.status-pages-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-pages-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.status-pages-stat .stat-value.stat-muted{color:var(--text-muted);text-shadow:none}.status-pages-stat .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.status-pages-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary)}.error-banner{background:#ff4b4b1a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;cursor:pointer}.success-banner{background:#00ff881a;border:1px solid var(--color-success);color:var(--color-success);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;cursor:pointer}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0 0 1.5rem}.status-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.status-page-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.status-page-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.status-page-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--border)}.status-page-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.status-page-slug{font-size:.75rem;color:var(--color-primary);font-family:monospace}.status-page-badges{display:flex;gap:.5rem}.visibility-badge,.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.visibility-badge.visibility-public{background:#00ff8826;color:var(--color-success)}.visibility-badge.visibility-password{background:#ffc80026;color:var(--color-warning)}.visibility-badge.visibility-private{background:#ff4b4b26;color:var(--color-danger)}.status-badge.status-enabled{background:#00f0ff26;color:var(--color-primary)}.status-badge.status-disabled{background:#80808026;color:var(--text-muted)}.status-page-card-body{padding:1rem}.status-page-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.status-page-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.status-page-detail{display:flex;justify-content:space-between}.detail-label{font-size:.75rem;color:var(--text-muted)}.detail-value{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.status-page-colors{display:flex;gap:.5rem}.color-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--border)}.status-page-card-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:#0003}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select{width:100%;padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.color-input-wrapper{display:flex;gap:.5rem;align-items:center}.color-input-wrapper input[type=color]{width:40px;height:36px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer}.color-input-wrapper input[type=text]{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#000}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--color-primary-glow)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 0 15px #ff4b4b66}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.public-status-page{min-height:100vh;background:var(--bg-color, #0F172A);color:#fff;--status-up: #00FF88;--status-down: #FF4B4B;--status-degraded: #FFC800;--status-unknown: #6B7280}.status-page-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color, #00F0FF);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.password-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.password-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;max-width:400px;width:100%}.password-box h1{font-size:1.5rem;margin:0 0 .5rem}.password-box p{color:#fff9;margin:0 0 1.5rem}.password-box form{display:flex;flex-direction:column;gap:1rem}.password-box input{padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.password-box input:focus{outline:none;border-color:var(--primary-color, #00F0FF)}.password-box button{padding:.75rem 1rem;background:var(--primary-color, #00F0FF);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.password-box button:hover:not(:disabled){opacity:.9}.password-box button:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:#ff4b4b;padding:.75rem;border-radius:8px;font-size:.875rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:1rem}.error-container h1{font-size:2rem;margin:0 0 .5rem}.error-container p{color:#fff9}.status-page-header{text-align:center;margin-bottom:2rem}.status-page-logo{max-width:120px;max-height:60px;margin-bottom:1rem}.status-page-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.status-page-description{color:#fff9;margin:0}.overall-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border-radius:12px;margin-bottom:2rem;font-size:1.25rem;font-weight:600}.overall-status.status-operational{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.overall-status.status-degraded{background:#ffc8001a;border:1px solid rgba(255,200,0,.3);color:#ffc800}.overall-status.status-outage{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:#ff4b4b}.overall-status.status-unknown{background:#6b72801a;border:1px solid rgba(107,114,128,.3);color:#6b7280}.status-indicator{width:12px;height:12px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;color:#ffffffb3;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.status-filter:hover{background:#ffffff14;color:#fff}.status-filter.active{background:#ffffff24;border-color:#ffffff59;color:#fff}.status-filter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-filter-count{font-variant-numeric:tabular-nums;opacity:.7}.monitors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;align-items:start}.monitor-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.15);border-radius:8px;padding:.6rem .75rem}.monitor-item-down{border-left-color:var(--status-down)}.monitor-item-degraded{border-left-color:var(--status-degraded)}.monitor-item-blocked{border-left-color:orange}.monitor-item-up{border-left-color:var(--status-up)}.public-status-page .monitor-header{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;border:none}.monitor-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.monitor-name{flex:1;min-width:0;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-status-text{font-size:.8rem;font-weight:500;flex-shrink:0}.monitor-status-text.status-up{color:var(--status-up)}.monitor-status-text.status-down{color:var(--status-down)}.monitor-status-text.status-blocked{color:orange}.monitor-status-text.status-degraded{color:var(--status-degraded)}.monitor-status-text.status-unknown{color:var(--status-unknown)}.monitor-details{display:flex;gap:.75rem;margin-top:.4rem;padding-left:1.25rem;font-size:.8rem;color:#ffffff80}.uptime-history{display:flex;gap:2px;margin-top:.5rem;padding-left:1.25rem}.history-bar{flex:1;height:18px;border-radius:2px;min-width:3px}.history-bar.status-up{background:var(--status-up)}.history-bar.status-down{background:var(--status-down)}.history-bar.status-degraded{background:var(--status-degraded)}.history-bar.status-no_data{background:#ffffff1a}.no-monitors{text-align:center;padding:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff80}.incidents-section{margin-top:2rem}.incidents-section h2{font-size:1.25rem;margin:0 0 1rem}.incidents-list{display:flex;flex-direction:column;gap:.75rem}.incident-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.incident-item.incident-investigating{border-left:3px solid var(--status-down)}.incident-item.incident-identified{border-left:3px solid var(--status-degraded)}.incident-item.incident-monitoring{border-left:3px solid #00F0FF}.incident-item.incident-resolved{border-left:3px solid var(--status-up)}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.incident-title{font-weight:500}.incident-status{font-size:.75rem;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;background:#ffffff1a}.incident-time{font-size:.875rem;color:#ffffff80}.status-page-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.875rem;color:#fff6}.status-page-footer p{margin:.5rem 0}.powered-by a{color:var(--primary-color, #00F0FF);text-decoration:none}.powered-by a:hover{text-decoration:underline}@media (max-width: 640px){.status-page-container{padding:1rem}.status-page-header h1{font-size:1.5rem}.overall-status{font-size:1rem;padding:1rem}.uptime-history{padding-left:0;margin-top:.5rem}.history-bar{height:16px}.subscribe-row{flex-direction:column;align-items:stretch}}.subscribe-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem 1.5rem;margin:1.25rem 0 1.75rem}.subscribe-label{display:block;font-size:.85rem;font-weight:600;color:#ffffffd9;margin-bottom:.65rem;letter-spacing:.2px}.subscribe-row{display:flex;gap:.5rem;align-items:stretch}.subscribe-row input{flex:1;padding:.65rem .85rem;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:.95rem;outline:none;transition:border-color .15s ease}.subscribe-row input:focus{border-color:var(--primary-color, #00F0FF)}.subscribe-row input:disabled{opacity:.6;cursor:not-allowed}.subscribe-row button{padding:.65rem 1.25rem;background:var(--primary-color, #00F0FF);color:#0b0e14;border:0;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.subscribe-row button:hover:not(:disabled){filter:brightness(1.1)}.subscribe-row button:disabled{opacity:.5;cursor:not-allowed}.subscribe-success,.subscribe-error{margin-top:.65rem;font-size:.85rem;padding:.4rem .65rem;border-radius:4px}.subscribe-success{color:#0f8;background:#00ff8814}.subscribe-error{color:#ff6b6b;background:#ff4b4b1a}.account-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0 0 1.25rem}.widget-tile{padding:.85rem 1rem;border:1px solid rgba(0,240,255,.2);border-radius:8px;background:#00f0ff0a}.widget-value{font-size:1.45rem;font-weight:600;color:var(--primary-color, #00F0FF);line-height:1.1}.widget-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;margin-top:.25rem}.widget-tile-breakdown{grid-column:span 2}.widget-breakdown-bar{display:flex;width:100%;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem;background:#ffffff0d}.widget-breakdown-bar .seg{display:block;height:100%}.widget-breakdown-bar .seg-up{background:#00f0ff}.widget-breakdown-bar .seg-down{background:#ff4b4b}.widget-breakdown-bar .seg-blocked{background:orange}.widget-breakdown-bar .seg-degraded{background:#ffb020}.widget-breakdown-bar .seg-unknown{background:#fff3}.widget-breakdown-counts{display:flex;gap:.85rem;font-size:.78rem;color:#ffffffa6}.widget-breakdown-counts b{color:#fff}.widget-tile-account .widget-account-line{font-size:.95rem;color:#fff;margin-top:.2rem}.subclients-page{padding:2rem;max-width:1200px;margin:0 auto}.subclients-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.subclients-header h1{margin:0 0 .5rem}.subclients-header .subtitle{margin:0;color:var(--color-muted, #94a3b8);max-width:720px}.subclients-create{display:flex;gap:.5rem;margin-bottom:1.5rem}.subclients-create input{flex:1;padding:.6rem .9rem;font-size:1rem;background:var(--color-input-bg, #1e293b);border:1px solid var(--color-border, #334155);border-radius:6px;color:inherit}.subclients-list{display:flex;flex-direction:column;gap:1rem}.subclient-card{background:var(--color-card-bg, #1e293b);border:1px solid var(--color-border, #334155);border-radius:10px;padding:1.25rem 1.5rem}.subclient-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.subclient-card-head h3{margin:0 0 .25rem;font-size:1.15rem}.subclient-actions{display:flex;gap:.5rem}.subclient-urls{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0f172a80;border-radius:6px}.url-row{display:flex;align-items:center;gap:.75rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem}.url-label{flex:0 0 110px;color:var(--color-muted, #94a3b8);font-family:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.url-link{flex:1;word-break:break-all;color:var(--color-accent, #00F0FF);text-decoration:none}.url-link:hover{text-decoration:underline}.btn-link{background:none;border:none;color:var(--color-accent, #00F0FF);cursor:pointer;font-size:.85rem;padding:0}.subclient-detail{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border, #334155)}.subclient-detail h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.attach-form{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.attach-form select{flex:1;padding:.5rem;background:var(--color-input-bg, #1e293b);border:1px solid var(--color-border, #334155);border-radius:6px;color:inherit;font-size:.9rem}.muted{color:var(--color-muted, #94a3b8)}.muted.small{font-size:.85rem}.sc-page{min-height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:3rem 1rem}.sc-shell{max-width:960px;margin:0 auto}.sc-header{text-align:center;margin-bottom:2.5rem}.sc-header h1{margin:0 0 1rem;font-size:2rem;font-weight:600;letter-spacing:-.01em}.sc-overall{display:inline-block;padding:.6rem 1.4rem;border-radius:999px;font-weight:600;font-size:1rem}.sc-overall-ok{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.sc-overall-down{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.sc-overall-unknown{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.4)}.sc-checked{margin-top:.75rem;font-size:.85rem;color:#94a3b8}.sc-loading,.sc-error,.sc-empty{text-align:center;padding:3rem 1rem;color:#94a3b8}.sc-error{color:#ef4444}.sc-table-wrap{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.sc-table{width:100%;border-collapse:collapse;font-size:.95rem}.sc-table thead th{text-align:left;padding:1rem 1.25rem;background:#0f172a99;color:#94a3b8;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155}.sc-table tbody td{padding:1rem 1.25rem;border-bottom:1px solid #334155;vertical-align:middle}.sc-table tbody tr:last-child td{border-bottom:none}.sc-svc-name{font-weight:600;color:#e2e8f0}.sc-svc-url{font-size:.8rem;color:#94a3b8;margin-top:.2rem;word-break:break-all}.pill{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pill-ok{background:#22c55e26;color:#22c55e}.pill-down{background:#ef444426;color:#ef4444}.pill-unknown{background:#94a3b826;color:#94a3b8}.pill-na{background:#47556933;color:#64748b}.sc-footer{text-align:center;margin-top:2rem;font-size:.85rem;color:#64748b}.sc-footer a{color:#64748b;text-decoration:none}.sc-footer a:hover{color:#00f0ff;text-decoration:underline}@media (max-width: 640px){.sc-table thead{display:none}.sc-table tbody td{display:block;padding:.5rem 1rem;border-bottom:none}.sc-table tbody tr{display:block;padding:1rem;border-bottom:1px solid #334155}}.maintenance-page{max-width:1100px;margin:0 auto}.maintenance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.maintenance-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.maintenance-header .subtitle{color:var(--text-secondary);margin:0;max-width:640px}.maintenance-loading,.maintenance-empty{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.maintenance-empty .muted{margin-top:.5rem;color:var(--text-tertiary, var(--text-secondary));font-size:.875rem}.maintenance-list{display:grid;gap:1rem}.maintenance-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .15s ease}.maintenance-card.status-active{border-color:#10b98180;box-shadow:0 0 24px #10b98114}.maintenance-card.status-past{opacity:.65}.maintenance-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.maintenance-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.maintenance-title-row h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.maintenance-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;border-radius:999px;text-transform:uppercase}.maintenance-badge.active-badge{background:#10b98126;color:#34d399;position:relative}.maintenance-badge.active-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d399b3;animation:maintenance-pulse 1.6s infinite}@keyframes maintenance-pulse{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.maintenance-badge.upcoming-badge{background:#00f0ff1f;color:#7dd3fc}.maintenance-badge.past-badge{background:#94a3b826;color:#94a3b8}.maintenance-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.875rem;color:var(--text-secondary)}.maintenance-meta strong{color:var(--text-primary);font-weight:500;margin-right:.35rem}.maintenance-description{margin:.75rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.btn-icon-danger{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.35rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-icon-danger:hover{border-color:#ef444480;color:#f87171}.maintenance-form{display:flex;flex-direction:column;gap:1.25rem}.maintenance-form .form-group{display:flex;flex-direction:column;gap:.4rem}.maintenance-form label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.maintenance-form input,.maintenance-form select,.maintenance-form textarea{background:var(--bg-input, var(--bg-surface));border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;color:var(--text-primary);font-size:.9rem;font-family:inherit}.maintenance-form input:focus,.maintenance-form select:focus,.maintenance-form textarea:focus{outline:none;border-color:var(--color-primary, #00f0ff);box-shadow:0 0 0 3px #00f0ff26}.maintenance-form .form-hint{margin:0;font-size:.8rem;color:var(--text-secondary)}.maintenance-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.maintenance-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.settings-page{max-width:700px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.settings-header .subtitle{color:var(--text-secondary);margin:0}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.settings-section .form-group{margin-bottom:1.25rem}.settings-section .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.settings-section .form-group input{width:100%;padding:.625rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s}.settings-section .form-group input:focus{outline:none;border-color:var(--color-primary)}.form-actions{margin-top:1.25rem}.settings-section .success-banner{background:#00ff881a;border:1px solid var(--color-success);color:var(--color-success);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.settings-section .error-banner{background:#ff4b4b1a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.settings-page{max-width:900px}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.api-keys-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0;line-height:1.5}.api-keys-subtitle code{background:var(--bg-base);padding:.125rem .375rem;border-radius:4px;font-size:.8125rem}.api-keys-empty{color:var(--text-secondary);font-size:.875rem;margin:0;padding:1rem 0}.api-keys-table{width:100%;border-collapse:collapse;font-size:.875rem}.api-keys-table th,.api-keys-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border)}.api-keys-table th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.api-keys-table td code{font-size:.8125rem;color:var(--text-secondary)}.api-keys-table tr.api-key-revoked td{opacity:.5}.api-key-status{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.api-key-status.active{background:#00ff881a;color:var(--color-success)}.api-key-status.revoked{background:#ff4b4b1a;color:var(--color-danger)}.api-key-reveal{background:#ffc80014;border:1px solid rgba(255,200,0,.4);border-radius:8px;padding:1rem;margin-bottom:1rem}.api-key-reveal-warning{color:var(--text-primary);font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.api-key-reveal-value{display:flex;align-items:center;gap:.5rem;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem}.api-key-reveal-value code{flex:1;font-size:.875rem;color:var(--text-primary);word-break:break-all}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:.25rem .5rem;font-size:.875rem}.btn-link.btn-danger{color:var(--color-danger)}.btn-link:hover{text-decoration:underline}.api-key-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.api-key-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:480px;width:100%}.api-key-modal h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.api-key-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.form-hint{color:var(--text-secondary);font-size:.75rem;margin:.375rem 0 0}.onboard-page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.onboard-header h1{font-size:1.75rem;margin-bottom:.5rem}.onboard-header p{font-size:.95rem;max-width:720px}.onboard-stepper{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--text-secondary)}.onboard-stepper li{flex:1;text-align:center;padding:.55rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;letter-spacing:.02em}.onboard-stepper li.active{background:#00f0ff1a;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.onboard-stepper li.done{color:var(--text-primary);border-color:#00f0ff59}.onboard-error{padding:.85rem 1rem;border-radius:8px;background:#ff4b4b1a;border:1px solid var(--color-danger);color:var(--color-danger)}.onboard-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.onboard-card h2{margin-top:0;font-size:1.1rem}.onboard-grid{display:grid;grid-template-columns:1fr 120px;gap:.85rem}.onboard-grid label,.onboard-credential-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.onboard-grid input,.onboard-grid select,.onboard-credential-form input,.onboard-credential-form textarea,.onboard-credential-row select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:.6rem .75rem;font-size:.95rem;font-family:inherit}.onboard-grid input:focus,.onboard-credential-form input:focus,.onboard-credential-form textarea:focus,.onboard-credential-row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.onboard-credential-row{display:flex;gap:.5rem}.onboard-credential-row select{flex:1}.onboard-credential-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.onboard-credential-form textarea{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;resize:vertical}.onboard-auth-toggle{display:flex;gap:1.5rem}.onboard-auth-toggle label{flex-direction:row;align-items:center;gap:.4rem;cursor:pointer;color:var(--text-primary)}.onboard-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.onboard-scanning{text-align:center}.onboard-skeleton-stack{display:flex;flex-direction:column;gap:.85rem;margin:1.5rem 0}.onboard-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.onboard-stat{background:var(--bg-surface-alt);padding:.85rem 1rem;border-radius:8px}.onboard-stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.onboard-stat-value{font-size:1.1rem;font-weight:600;margin-top:.25rem}.onboard-suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.onboard-bulk-actions{display:flex;gap:.4rem}.btn-tiny{font-size:.75rem;padding:.3rem .65rem;border-radius:6px}.onboard-suggestions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.suggestion-row{display:grid;grid-template-columns:28px 32px 1fr auto;gap:.85rem;align-items:center;padding:.85rem 1rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.suggestion-row:hover{border-color:#00f0ff66}.suggestion-row.is-checked{border-color:var(--color-primary);background:#00f0ff0f}.suggestion-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.suggestion-icon{font-size:1.4rem;line-height:1}.suggestion-body{min-width:0}.suggestion-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.suggestion-type-pill{font-size:.65rem;padding:.15rem .5rem;border-radius:999px;background:#00f0ff1a;color:var(--color-primary);letter-spacing:.08em;font-weight:600}.suggestion-confidence{font-size:.7rem;padding:.1rem .5rem;border-radius:999px}.suggestion-confidence.strong{background:#00f0ff1a;color:var(--color-primary)}.suggestion-confidence.weak{background:#ffb3001f;color:var(--color-warning)}.suggestion-reason{font-size:.85rem;color:var(--text-secondary)}.suggestion-cost{font-size:.85rem;color:var(--text-secondary);text-align:right;white-space:nowrap}.suggestion-cost strong{font-size:1rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.onboard-confirm{position:sticky;bottom:1rem;z-index:1;border-color:#00f0ff59;box-shadow:0 6px 30px #00f0ff0d}.onboard-confirm-summary{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.onboard-confirm-cost{font-size:1rem;color:var(--text-secondary)}.onboard-confirm-cost strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.onboard-confirm-discount{display:inline-block;margin-left:.5rem;font-size:.8rem;color:var(--color-primary);font-weight:600}.onboard-done{text-align:center;padding:3rem 1.5rem}.onboard-done-icon{font-size:3rem;margin-bottom:.5rem}