:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e1e3f;--bg-hover: #252550;--text-primary: #ffffff;--text-secondary: #a0a0c0;--text-muted: #6b6b8d;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--pending: #6b7280;--pending-bg: rgba(107, 114, 128, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid rgba(255,255,255,.05);padding:var(--space-lg);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:var(--space-lg)}.sidebar-logo{width:40px;height:40px;background:var(--accent-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-glow)}.sidebar-title{font-size:1.25rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-section{margin-bottom:var(--space-lg)}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm);padding:0 var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover,.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#6366f126;color:var(--accent-primary)}.main-content{flex:1;padding:var(--space-xl);overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.page-title{font-size:1.75rem;font-weight:600}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:var(--space-xs)}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-title{font-size:1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.success{background:var(--success-bg);color:var(--success)}.stat-icon.warning{background:var(--warning-bg);color:var(--warning)}.stat-icon.danger{background:var(--danger-bg);color:var(--danger)}.stat-icon.info{background:#6366f11a;color:var(--accent-primary)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:var(--space-xs)}.stat-label{color:var(--text-secondary);font-size:.875rem}.monitor-grid{display:flex;flex-direction:column;gap:var(--space-md)}.monitor-item{display:flex;align-items:center;gap:var(--space-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-base)}.monitor-item:hover{border-color:#6366f14d;transform:translate(4px)}.monitor-status{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.monitor-status.up{background:var(--success);box-shadow:0 0 12px var(--success);animation:pulse 2s infinite}.monitor-status.down{background:var(--danger);box-shadow:0 0 12px var(--danger);animation:pulse 1s infinite}.monitor-status.pending{background:var(--pending)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.monitor-info{flex:1;min-width:0}.monitor-name{font-weight:600;margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-url{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-stats{display:flex;gap:var(--space-xl);text-align:right}.monitor-stat-value{font-weight:600;font-size:.875rem}.monitor-stat-label{font-size:.75rem;color:var(--text-muted)}.uptime-bar{display:flex;gap:2px;margin-top:var(--space-sm)}.uptime-tick{width:4px;height:24px;border-radius:2px;background:var(--success);transition:all var(--transition-fast)}.uptime-tick.down{background:var(--danger)}.uptime-tick.pending{background:var(--pending)}.uptime-tick:hover{transform:scaleY(1.2)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.75rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-secondary)}.form-input,.form-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.form-input::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.05)}.chart-container{height:200px;margin-top:var(--space-md)}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1100;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-text{max-width:400px;margin-bottom:var(--space-lg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge.success{background:var(--success-bg);color:var(--success)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.pending{background:var(--pending-bg);color:var(--pending)}@media(max-width:1024px){.sidebar{width:240px}.monitor-stats{display:none}}@media(max-width:768px){.app{flex-direction:column}.sidebar{width:100%;padding:var(--space-md)}.sidebar-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.nav-section{display:flex;gap:var(--space-sm);overflow-x:auto}.nav-label{display:none}.main-content{padding:var(--space-md)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-card{padding:var(--space-md)}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-value{font-size:1.25rem}}.detail-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease}.detail-panel{width:600px;max-width:100%;height:100%;background:var(--bg-secondary);border-left:1px solid rgba(255,255,255,.1);padding:var(--space-xl);overflow-y:auto;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.detail-title-section{display:flex;align-items:center;gap:var(--space-md)}.detail-status{width:16px;height:16px;border-radius:var(--radius-full);flex-shrink:0}.detail-status.up{background:var(--success);box-shadow:0 0 16px var(--success)}.detail-status.down{background:var(--danger);box-shadow:0 0 16px var(--danger)}.detail-status.pending{background:var(--pending)}.detail-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xs)}.detail-url{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.detail-actions{display:flex;gap:var(--space-sm)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-box{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.stat-box-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-box-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.chart-container{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);padding-bottom:40px;margin-bottom:var(--space-lg);min-height:220px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:.9rem;font-weight:500}.chart-stats{display:flex;gap:var(--space-lg)}.chart-stat{color:var(--text-primary);font-size:.875rem;font-weight:600}.chart-stat .stat-label{color:var(--text-muted);font-size:.7rem;font-weight:400;text-transform:uppercase;margin-right:var(--space-xs)}.chart-wrapper{display:flex;gap:var(--space-sm)}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;color:var(--text-muted);text-align:right;padding:4px 0;min-width:40px}.line-chart{flex:1;height:120px;border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;display:block;border:1px solid rgba(255,255,255,.08)}.chart-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:var(--space-xs);margin-bottom:var(--space-md);padding-left:48px}.chart-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.uptime-history{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.uptime-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:.875rem}.uptime-history-legend{display:flex;gap:var(--space-md);font-size:.7rem}.legend-up:before,.legend-down:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:var(--space-xs)}.legend-up:before{background:var(--success)}.legend-down:before{background:var(--danger)}.uptime-history-bar{display:flex;gap:2px}.uptime-segment{flex:1;height:32px;border-radius:2px;background:var(--success);transition:all var(--transition-fast);cursor:pointer}.uptime-segment.down{background:var(--danger)}.uptime-segment.pending{background:var(--pending)}.uptime-segment:hover{transform:scaleY(1.1);opacity:.8}.uptime-history-empty{text-align:center;padding:var(--space-lg);color:var(--text-muted)}.ssl-info{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.ssl-info h4{font-size:.875rem;font-weight:600;margin-bottom:var(--space-md)}.ssl-info.loading,.ssl-info.error{color:var(--text-muted);text-align:center;padding:var(--space-lg)}.ssl-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.ssl-item{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.ssl-item.full-width{grid-column:span 2}.ssl-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.02em}.ssl-value{font-size:.875rem;font-weight:500}.ssl-value.valid{color:var(--success)}.ssl-value.invalid{color:var(--danger)}.ssl-value.good{color:var(--success)}.ssl-value.warning{color:var(--warning)}.ssl-value.danger{color:var(--danger)}.ssl-value.sans{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary)}.detail-info{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.detail-info h4{font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.info-item{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.info-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase}.info-value{font-size:.875rem;font-weight:500}.last-response{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.response-status{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:1rem}.response-status.success{background:var(--success-bg);color:var(--success)}.response-status.error{background:var(--danger-bg);color:var(--danger)}.response-time{font-size:1.25rem;font-weight:700}.response-message{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-xs)}.response-timestamp{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.edit-form{padding:var(--space-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.05)}.btn-danger{background:var(--danger);color:#fff}.btn-test{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-test:hover{background:#3b82f640;border-color:#3b82f680}.btn-test:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.detail-panel{width:100%}.stats-row,.info-grid{grid-template-columns:repeat(2,1fr)}.ssl-grid{grid-template-columns:1fr}.ssl-item.full-width{grid-column:span 1}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);gap:var(--space-md);color:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(ellipse at top,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.08) 0%,transparent 50%);padding:var(--space-lg)}.login-container{width:100%;max-width:420px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg),0 0 60px #6366f11a;overflow:hidden}.login-header{text-align:center;padding:var(--space-2xl) var(--space-xl) var(--space-lg);background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 100%)}.login-logo{width:72px;height:72px;margin:0 auto var(--space-lg);background:var(--accent-gradient);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #6366f166}.login-logo svg{color:#fff}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs)}.login-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.login-form{padding:var(--space-xl)}.login-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.875rem}.login-btn{width:100%;height:48px;font-size:1rem;font-weight:600;margin-top:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.login-info{background:#6366f11a;border-top:1px solid rgba(99,102,241,.2);padding:var(--space-md) var(--space-xl);text-align:center}.login-info p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.user-menu{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.user-avatar{width:36px;height:36px;background:var(--accent-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem}.user-info{flex:1;min-width:0}.user-name{font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted)}.btn-logout{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:var(--transition-fast)}.btn-logout:hover{background:var(--danger-bg);border-color:var(--danger)}.settings-page{flex:1;display:flex;flex-direction:column;padding:var(--space-xl);background:var(--bg-primary);overflow-y:auto}.settings-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.settings-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.settings-layout{display:flex;gap:var(--space-xl);flex:1}.settings-sidebar{width:220px;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:var(--accent-primary);color:#fff}.settings-content{flex:1;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);padding:var(--space-xl);overflow-y:auto}.settings-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md)}.profile-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.profile-avatar{width:64px;height:64px;background:var(--accent-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.profile-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.profile-role{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.info-section{margin-top:var(--space-xl)}.info-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{color:var(--text-secondary);min-width:100px;flex-shrink:0;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.info-value{color:var(--text-primary);font-weight:500;flex:1}.info-row .btn{margin-left:auto;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.stat-card{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all .2s ease}.stat-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.monitors{background:linear-gradient(135deg,#22d3ee33,#22d3ee1a);color:#22d3ee}.stat-icon.heartbeats{background:linear-gradient(135deg,#f43f5e33,#f43f5e1a);color:#f43f5e}.stat-icon.size{background:linear-gradient(135deg,#a855f733,#a855f71a);color:#a855f7}.stat-icon.retention{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.stat-info{flex:1;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.section-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.loading-placeholder{color:var(--text-muted);padding:var(--space-xl);text-align:center}.email-editor-container{padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.email-editor-container .info-label{display:block;margin-bottom:var(--space-sm)}.email-edit-form{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.email-edit-form .form-input{flex:1;min-width:200px;max-width:300px}.email-edit-form .form-input.input-error{border-color:var(--danger)}.email-edit-actions{display:flex;gap:var(--space-sm)}.email-error{color:var(--danger);font-size:.875rem;margin-top:var(--space-sm)}.security-section{margin-bottom:var(--space-2xl)}.twofa-setup{display:flex;flex-direction:column;gap:var(--space-xl);max-width:400px;margin-top:var(--space-lg)}.qr-container{display:flex;justify-content:center;padding:var(--space-xl);background:#fff;border-radius:var(--radius-lg);width:fit-content;margin:var(--space-md) auto}.qr-code{width:200px;height:200px}.secret-display{text-align:center;margin:var(--space-md) 0}.secret-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.secret-code{display:block;font-family:monospace;font-size:.875rem;background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);word-break:break-all;-webkit-user-select:all;user-select:all;margin-top:var(--space-sm)}.verify-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-md)}.button-row{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-sm)}.twofa-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.twofa-status.enabled{background:var(--success-bg);color:var(--success)}.twofa-status.disabled{background:var(--bg-tertiary);color:var(--text-muted)}.password-form{max-width:400px}.form-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.875rem}.form-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.875rem}.danger-section{padding:var(--space-lg);background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.danger-section p{color:var(--text-secondary);margin:0 0 var(--space-md);font-size:.9rem}.btn-danger{background:var(--danger);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.coming-soon{color:var(--text-muted);font-style:italic}.nav-item.disabled{opacity:.5;cursor:not-allowed}.monitors-filters{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:0 var(--space-md);flex:1;min-width:250px}.search-box .form-input{border:none;background:transparent;padding-left:0}.search-box .form-input:focus{box-shadow:none}.search-box svg{color:var(--text-muted);flex-shrink:0}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-group svg{color:var(--text-muted)}.filter-group .form-select{width:auto;min-width:140px}.monitors-summary{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.summary-item{color:var(--text-secondary);font-size:.875rem}.summary-item strong{color:var(--text-primary);font-weight:600;margin-right:var(--space-xs)}.summary-item.success strong{color:var(--success)}.summary-item.danger strong{color:var(--danger)}.monitors-table{display:flex;flex-direction:column}.monitors-table-header{display:grid;grid-template-columns:60px 1fr 1.5fr 80px 120px 100px 80px 100px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm)}.monitors-table-row{display:grid;grid-template-columns:60px 1fr 1.5fr 80px 120px 100px 80px 100px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);align-items:center;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.monitors-table-row:hover{background:var(--bg-hover)}.col-status{display:flex;align-items:center;justify-content:center}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.up{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.down{background:var(--danger);box-shadow:0 0 8px var(--danger)}.status-dot.pending{background:var(--pending)}.col-name,.col-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-name-text{font-weight:500}.monitor-tags{display:inline-flex;gap:4px;margin-left:8px;flex-wrap:wrap}.tag-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;color:#fff;font-weight:500;white-space:nowrap}.monitor-url-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.col-type .badge{font-size:.65rem;background:var(--bg-tertiary)}.col-tags{display:flex;flex-wrap:wrap;gap:4px}.uptime-value{font-weight:600;font-size:.875rem}.uptime-value.excellent{color:var(--success)}.uptime-value.good{color:var(--warning)}.uptime-value.warning{color:var(--danger)}.col-latency{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.col-actions{display:flex;gap:var(--space-xs)}.col-actions .btn-ghost.danger:hover{background:var(--danger-bg);color:var(--danger)}.section-description{color:var(--text-secondary);margin-bottom:var(--space-xl)}.appearance-section{margin-bottom:var(--space-xl)}.appearance-section h3{font-size:1rem;margin-bottom:var(--space-lg)}.theme-options{display:flex;gap:var(--space-lg);flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-md);background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{border-color:#6366f14d}.theme-option.active{border-color:var(--accent-primary);background:#6366f11a}.theme-preview{width:120px;height:80px;border-radius:var(--radius-md);display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.preview-sidebar{width:30%}.preview-content{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.preview-card{flex:1;border-radius:4px}.light-preview{background:#f5f5f5}.light-preview .preview-sidebar{background:#e5e5e5}.light-preview .preview-card{background:#fff;border:1px solid #ddd}.dark-preview{background:#0f0f23}.dark-preview .preview-sidebar{background:#1a1a2e}.dark-preview .preview-card{background:#1e1e3f}.system-preview{background:linear-gradient(135deg,#f5f5f5 50%,#0f0f23 50%)}.system-preview .preview-sidebar{background:linear-gradient(135deg,#e5e5e5 50%,#1a1a2e 50%)}.system-preview .preview-card{background:linear-gradient(135deg,#fff 50%,#1e1e3f 50%)}.theme-label{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.theme-option.active .theme-label{color:var(--accent-primary)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1)}[data-theme=light] .sidebar{border-right:1px solid #e2e8f0}[data-theme=light] .card,[data-theme=light] .stat-card,[data-theme=light] .monitor-item,[data-theme=light] .monitors-table-row:hover,[data-theme=light] .monitors-summary{border-color:#e2e8f0}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .search-box{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .modal{border-color:#e2e8f0}[data-theme=light] .toast{background:#fff;border-color:#e2e8f0}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{background:#f1f5f9}[data-theme=light] .nav-item.active{background:#6366f11a}[data-theme=light] .detail-panel{background:#fff;border-color:#e2e8f0}[data-theme=light] .settings-page{background:#f8fafc}[data-theme=light] .settings-tab{color:var(--text-secondary)}[data-theme=light] .profile-card{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .security-section{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .theme-option{border-color:#e2e8f0}[data-theme=light] .monitors-table-header{background:#f1f5f9}[data-theme=light] .col-type .badge{background:#e2e8f0;color:var(--text-secondary)}[data-theme=light] .btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:var(--text-primary)}[data-theme=light] .btn-ghost{color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{background:#f1f5f9}.notifications-settings{width:100%}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.settings-section-header h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.notifications-list{display:flex;flex-direction:column;gap:var(--space-md)}.notification-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.notification-item:hover{border-color:#6366f14d}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--accent-primary)}.notification-info{flex:1}.notification-name{font-weight:600;margin-bottom:var(--space-xs)}.notification-meta{display:flex;gap:var(--space-sm)}.notification-meta .badge{font-size:.7rem;text-transform:uppercase}.notification-meta .badge.email{background:#3b82f61a;color:#3b82f6}.notification-meta .badge.pushover{background:#a855f71a;color:#a855f7}.notification-meta .badge.default{background:#22c55e1a;color:#22c55e}.notification-meta .badge.inactive{background:#6b72801a;color:#6b7280}.notification-actions{display:flex;align-items:center;gap:var(--space-sm)}.notification-actions .btn-ghost.danger:hover{background:var(--danger-bg);color:var(--danger)}.test-result{font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-right:var(--space-sm)}.test-result.success{background:var(--success-bg);color:var(--success)}.test-result.error{background:var(--danger-bg);color:var(--danger)}.form-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.form-row .form-group{flex:1;margin-bottom:0}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.form-hint a{color:var(--accent-primary);text-decoration:none}.form-hint a:hover{text-decoration:underline}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}[data-theme=light] .notification-item{border-color:#e2e8f0}[data-theme=light] .notification-icon{background:#f1f5f9}.status-pages-page{padding:var(--space-xl);width:100%}.status-pages-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.status-pages-page .page-header h1{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-xs)}.status-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.status-page-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.status-page-card:hover{border-color:#6366f14d;transform:translateY(-2px)}.status-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.status-page-header h3{font-size:1.1rem;font-weight:600}.status-page-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-md);line-height:1.4}.status-page-meta{margin-bottom:var(--space-lg)}.status-page-slug{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--accent-primary);background:#6366f11a;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.status-page-actions{display:flex;gap:var(--space-sm);border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-md);margin-top:var(--space-sm)}.monitor-selector{max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-sm)}.monitor-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.monitor-checkbox:hover{background:#ffffff0d}.monitor-checkbox input{width:16px;height:16px;accent-color:var(--accent-primary)}.monitor-checkbox .monitor-name{flex:1}.modal-lg{max-width:600px}.public-status-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.public-status-page.dark{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--text-primary: #ffffff;--text-secondary: #94a3b8}.public-status-page.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b}.public-status-container{max-width:900px;margin:0 auto;padding:var(--space-2xl)}.public-status-header{text-align:center;margin-bottom:var(--space-2xl)}.public-status-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.public-status-header p{color:var(--text-secondary);font-size:1.1rem}.status-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);color:#fff;font-weight:600;font-size:1.1rem}.status-icon{font-size:1.5rem}.incidents-section{margin-bottom:var(--space-2xl)}.incidents-section h2{font-size:1.25rem;margin-bottom:var(--space-lg);font-weight:600}.incident-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);border-left:4px solid}.incident-card.info{border-color:#3b82f6}.incident-card.warning{border-color:#f59e0b}.incident-card.danger{border-color:#ef4444}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.incident-header h3{font-weight:600}.incident-time{font-size:.8rem;color:var(--text-secondary)}.monitors-section h2{font-size:1.25rem;margin-bottom:var(--space-lg);font-weight:600}.monitors-list{display:flex;flex-direction:column;gap:var(--space-lg)}.monitor-row{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.monitor-info{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.monitor-status-dot{width:10px;height:10px;border-radius:50%}.monitor-name{font-weight:600}.uptime-bar-container{width:100%}.uptime-bars{display:flex;gap:2px;height:32px;margin-bottom:var(--space-xs)}.uptime-bar{flex:1;border-radius:2px;transition:opacity var(--transition-fast);cursor:pointer}.uptime-bar:hover{opacity:.8}.uptime-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.uptime-percent{font-weight:600;color:var(--text-primary)}.public-status-footer{text-align:center;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.05);font-size:.875rem;color:var(--text-secondary)}.public-status-loading,.public-status-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary)}.public-status-error h1{font-size:4rem;font-weight:700;margin-bottom:var(--space-md)}.no-monitors{text-align:center;color:var(--text-secondary);padding:var(--space-xl)}[data-theme=light] .status-page-card,[data-theme=light] .status-page-actions,[data-theme=light] .monitor-selector{border-color:#e2e8f0}[data-theme=light] .monitor-checkbox:hover{background:#f1f5f9}[data-theme=light] .public-status-footer{border-color:#e2e8f0}.nodes-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.node-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.node-status .status-dot{width:10px;height:10px;border-radius:50%;display:block}.node-status .status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.node-status .status-dot.offline{background:var(--text-muted)}.node-info{flex:1;min-width:0}.node-name{font-weight:600;color:var(--text-primary)}.node-location{font-size:.85rem;color:var(--text-muted)}.node-meta{display:flex;align-items:center;gap:var(--space-sm)}.node-last-seen{font-size:.85rem;color:var(--text-muted)}.online-badge{padding:2px 8px;background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.offline-text{color:var(--text-muted)}.main-badge{padding:2px 8px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.add-node-form{padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-lg)}.add-node-form h3{margin-bottom:var(--space-md);color:var(--text-primary)}.secret-banner{padding:var(--space-lg);background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.secret-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--warning);margin-bottom:var(--space-sm)}.secret-banner p{margin:var(--space-sm) 0;color:var(--text-secondary)}.secret-command{padding:var(--space-md);background:var(--bg-primary);border-radius:var(--radius-sm);margin:var(--space-md) 0;overflow-x:auto}.secret-command code{color:var(--success);font-size:.9rem;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);color:var(--text-muted)}.empty-state svg{margin-bottom:var(--space-md);opacity:.5}.empty-state p{margin:var(--space-xs) 0;text-align:center}.loading-placeholder{padding:var(--space-lg);text-align:center;color:var(--text-muted)}[data-theme=light] .node-card,[data-theme=light] .add-node-form{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .secret-command{background:#1e293b}.satellite-results{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.satellite-results h4{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-primary);font-size:1rem}.satellite-results h4 svg{color:var(--accent-primary)}.probe-list{display:flex;flex-direction:column;gap:var(--space-sm)}.probe-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast)}.probe-item:hover{background:var(--bg-hover)}.probe-status .status-dot{width:10px;height:10px;border-radius:50%;display:block}.probe-status .status-dot.up{background:var(--success);box-shadow:0 0 8px var(--success)}.probe-status .status-dot.down{background:var(--danger);box-shadow:0 0 8px var(--danger)}.probe-info{flex:1;min-width:0}.probe-name{font-weight:600;color:var(--text-primary);display:block}.probe-location{font-size:.85rem;color:var(--text-muted)}.probe-latency{text-align:right}.latency-value{font-weight:600;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-full)}.latency-value.fast{color:var(--success);background:var(--success-bg)}.latency-value.medium{color:var(--warning);background:var(--warning-bg)}.latency-value.slow{color:var(--danger);background:var(--danger-bg)}.probe-time{font-size:.8rem;color:var(--text-muted);min-width:80px;text-align:right}[data-theme=light] .satellite-results{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .probe-item{background:#fff}[data-theme=light] .probe-item:hover{background:#f1f5f9}.tags-settings{padding:var(--space-lg)}.tags-settings .settings-header{margin-bottom:var(--space-xl)}.tags-settings .settings-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.tags-settings .settings-description{color:var(--text-secondary);font-size:.9rem}.tag-create-form{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.tag-create-form .form-row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.tag-name-input{flex:1;min-width:150px;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem}.tag-name-input:focus{outline:none;border-color:var(--accent-primary)}.color-picker-inline{display:flex;gap:4px;flex-wrap:wrap;max-width:300px}.color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary)}.tag-preview{margin-top:var(--space-md);display:inline-block;padding:4px 12px;border-radius:var(--radius-full);color:#fff;font-size:.85rem;font-weight:500}.tags-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.tag-pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);color:#fff;font-size:.85rem;font-weight:500}.tag-actions{display:flex;gap:var(--space-xs)}.tag-edit-form{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;width:100%}.tag-edit-actions{display:flex;gap:var(--space-xs)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.monitor-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:var(--space-xs)}.monitor-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);color:#fff;font-size:.7rem;font-weight:500}[data-theme=light] .tag-create-form,[data-theme=light] .tag-item{border-color:#0000001a}.apikeys-settings{padding:var(--space-lg)}.apikeys-settings .settings-header{margin-bottom:var(--space-xl)}.apikeys-settings .settings-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.apikeys-settings .settings-description{color:var(--text-secondary);font-size:.9rem}.created-key-banner{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.created-key-banner .banner-header{display:flex;align-items:center;gap:var(--space-sm);color:#fbbf24;margin-bottom:var(--space-sm)}.created-key-banner p{color:var(--text-secondary);margin-bottom:var(--space-md)}.key-display{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.key-display code{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:Fira Code,monospace;font-size:.85rem;word-break:break-all}.btn-copy{padding:var(--space-sm) var(--space-md);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;white-space:nowrap}.btn-copy:hover{background:var(--accent-hover)}.apikey-create-form{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.apikey-create-form h4{margin-bottom:var(--space-md);font-weight:600}.apikey-create-form .form-row{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.apikey-create-form .form-group{flex:1;min-width:150px}.apikey-create-form label{display:block;margin-bottom:var(--space-xs);font-size:.85rem;color:var(--text-secondary)}.apikey-create-form input,.apikey-create-form select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem}.apikey-create-form input:focus,.apikey-create-form select:focus{outline:none;border-color:var(--accent-primary)}.apikeys-list h4{margin-bottom:var(--space-md);font-weight:600}.keys-table{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr auto;gap:var(--space-md);padding:var(--space-md);align-items:center}.table-header{background:var(--bg-tertiary);font-size:.85rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table-row{border-bottom:1px solid rgba(255,255,255,.03)}.table-row:last-child{border-bottom:none}.key-name{font-weight:500}.key-prefix code{font-family:Fira Code,monospace;font-size:.85rem;color:var(--text-secondary)}.api-usage{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-xl)}.api-usage h4{margin-bottom:var(--space-md);font-weight:600}.api-usage pre{background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}.api-usage code{font-family:Fira Code,monospace;font-size:.85rem;color:var(--accent-primary)}[data-theme=light] .apikey-create-form,[data-theme=light] .keys-table,[data-theme=light] .api-usage,[data-theme=light] .created-key-banner{border-color:#0000001a}.ssl-settings{padding:var(--space-lg)}.ssl-settings .settings-header{margin-bottom:var(--space-xl)}.ssl-settings .settings-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.ssl-thresholds-section{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.ssl-thresholds-section h4{margin-bottom:var(--space-sm);font-weight:600}.threshold-checkboxes{display:flex;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-lg) 0}.threshold-checkbox{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;min-width:80px}.threshold-checkbox:hover{border-color:var(--accent-primary);background:#8b5cf61a}.threshold-checkbox.active{border-color:var(--accent-primary);background:#8b5cf626}.threshold-checkbox input{display:none}.threshold-days{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.threshold-label{font-size:.75rem;color:var(--text-secondary)}.threshold-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.threshold-preview .no-alerts{color:var(--text-muted);font-style:italic}.threshold-preview .alert-badge{color:var(--accent-primary);font-weight:500}.ssl-info-box{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);color:var(--text-secondary)}.ssl-info-box svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.ssl-info-box strong{display:block;color:var(--text-primary);margin-bottom:var(--space-xs)}.ssl-info-box p{margin:0;font-size:.9rem;line-height:1.5}[data-theme=light] .ssl-thresholds-section{border-color:#0000001a}.tags-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.tags-grid .empty-state{width:100%}.tag-card{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.tag-card:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.tag-card:hover .tag-card-actions{opacity:1}.tag-card-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.tag-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.tag-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.tag-action-btn-danger:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.tag-pill-large{display:inline-flex;align-items:center;padding:6px 16px;border-radius:var(--radius-full);color:#fff;font-size:.9rem;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.2);white-space:nowrap}.color-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;padding:var(--space-sm) 0}.color-option{width:32px;height:32px;border-radius:var(--radius-md);border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary),0 4px 12px #0000004d;transform:scale(1.1)}.modal-sm{max-width:420px}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.settings-section-header h2,.settings-section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.section-description{color:var(--text-secondary);font-size:.9rem;margin:0}[data-theme=light] .tag-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .tag-card:hover{background:#f1f5f9}[data-theme=light] .color-option.selected{border-color:#1e293b}