:root{--bg: #0a0a0f;--surface: #12121a;--surface-hover: #1a1a2a;--surface-active: #1e1e30;--border: #1e1e2a;--border-focus: #3b82f6;--text: #e0e0e0;--text-secondary: #888;--text-tertiary: #555;--text-inverse: #fff;--primary: #3b82f6;--primary-hover: #2563eb;--primary-text: #60a5fa;--success: #22c55e;--success-bg: #22c55e18;--warning: #f59e0b;--warning-bg: #f59e0b18;--danger: #ef4444;--danger-bg: #ef444418;--info: #3b82f6;--info-bg: #3b82f618;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.15rem;--text-2xl: 1.4rem;--text-3xl: 1.75rem;--leading: 1.5;--leading-tight: 1.25;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--transition-fast: .15s ease;--transition-base: .2s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar-toggle{display:none;position:fixed;top:var(--space-3);left:var(--space-3);z-index:200;width:36px;height:36px;padding:0;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;justify-content:center}.sidebar-backdrop{display:none}@media (max-width: 768px){.app{grid-template-columns:1fr}.sidebar-toggle{display:flex}.sidebar{display:none}.sidebar.show{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;border-right:none;padding-top:var(--space-12)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:149}.content{padding:var(--space-4);padding-top:var(--space-12)}}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar h1{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text-inverse)}.sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.sidebar-top h1{margin-bottom:0}.sidebar-quick-status{display:flex;align-items:center;gap:var(--space-2)}.sidebar-main-nav{display:flex;flex-direction:column;gap:1px;margin-bottom:var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--surface-active);color:var(--text-inverse);font-weight:500}.nav-item.nav-danger{color:var(--danger)}.nav-item.nav-danger:hover{background:var(--danger-bg);color:var(--danger)}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid var(--border);padding-top:var(--space-2);margin-top:var(--space-2)}.sidebar-search{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2)}.sidebar-search input{background:none;border:none;padding:var(--space-1) 0;font-size:var(--text-sm);width:100%}.sidebar-search input:focus{box-shadow:none;border-color:transparent}.sidebar-search svg{color:var(--text-tertiary);flex-shrink:0}.search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;border-radius:var(--radius-sm)}.search-clear:hover{color:var(--text);background:var(--surface-active)}.tab-bar{display:flex;gap:0;margin-bottom:var(--space-4);background:var(--bg);border-radius:var(--radius-lg);overflow:hidden}.tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface-active);color:var(--text-inverse)}.sidebar-section{margin-bottom:var(--space-5)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;font-weight:600}.group-item,.monitor-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:background var(--transition-fast)}.group-item:hover,.monitor-item:hover{background:var(--surface-hover)}.group-item.active,.monitor-item.active{background:var(--surface-active)}.group-item .count-badge{margin-left:auto;font-size:.6rem;color:var(--text-tertiary)}.group-item svg,.monitor-item svg{flex-shrink:0;color:var(--text-tertiary)}.monitor-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.monitor-name{display:flex;flex-direction:column;gap:.15rem;overflow:hidden;min-width:0}.monitor-name>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-label{font-size:.6rem;color:var(--text-secondary);background:var(--surface-hover);padding:.05rem .35rem;border-radius:var(--radius-sm);align-self:flex-start}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.status-dot.green{background:var(--success);box-shadow:0 0 4px var(--success)}.status-dot.red{background:var(--danger);box-shadow:0 0 4px var(--danger)}.status-dot.gray{background:var(--text-tertiary)}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-sm);background:var(--surface-hover);border:1px solid var(--border);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626;outline:none}input::placeholder{color:var(--text-tertiary)}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.group-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.group-add input{flex:1}.group-add-details{margin-top:var(--space-1)}.group-collapse{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;display:flex;width:14px;height:14px;flex-shrink:0}.group-collapse:hover{color:var(--text)}.group-children{padding-left:var(--space-4);border-left:1px solid var(--border);margin:0 0 var(--space-1) var(--space-2)}.group-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.group-item:hover .group-actions{opacity:1}.group-rename-input{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);width:100px}.add-form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.add-form-toggle{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-2)}.add-form-toggle summary{display:flex;align-items:center;gap:var(--space-2)}.content{padding:var(--space-6) var(--space-8);overflow-y:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.top-bar-back{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.top-bar-back:hover{color:var(--text);background:var(--surface-hover)}.monitor-header{margin-bottom:var(--space-6)}.monitor-title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.monitor-title-row h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-inverse)}.title-input{font-size:var(--text-2xl);background:var(--surface-hover);border:1px solid var(--border-focus);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);width:300px}.header-actions{display:flex;gap:var(--space-2)}.monitor-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-3)}.stat{text-align:center}.stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--success);line-height:1.2}.stat-value.stat-url{font-size:var(--text-sm);font-weight:400;color:var(--text-secondary);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.label-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.label-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);background:var(--surface-hover);border-radius:var(--radius-sm);overflow:hidden}.label-key{background:var(--info-bg);color:var(--primary-text);padding:.1rem .35rem}.label-val{color:var(--text-secondary);padding:.1rem .35rem .1rem 0}.label-del{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0 var(--space-1);font-size:var(--text-xs);transition:color var(--transition-fast)}.label-del:hover{color:var(--danger)}.labels-editor{margin-top:var(--space-2)}.labels-list{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.label-add{display:flex;gap:var(--space-2)}.label-add input{flex:1}.ssl-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-hover);border-radius:var(--radius-md);flex-wrap:wrap}.actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.edit-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6)}.edit-panel h3{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-4);text-transform:none;letter-spacing:normal}.edit-panel h4{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3);font-weight:500}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.edit-grid label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.edit-grid input,.edit-grid select{width:100%}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);transition:border-color var(--transition-fast)}.detail-card:hover{border-color:#2a2a3a}.detail-card h3{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3);letter-spacing:.05em;font-weight:600}.check-timeline{margin-bottom:var(--space-2)}.check-grid-large{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:var(--space-2)}.check-dot{width:10px;height:10px;border-radius:2px}.check-dot.up{background:var(--success)}.check-dot.down{background:var(--danger)}.check-stats{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.pct-chart{display:flex;flex-direction:column;gap:var(--space-2)}.pct-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.pct-label{width:2.5rem;color:var(--text-secondary);font-weight:600;font-size:var(--text-xs)}.pct-bar{flex:1;height:16px;background:var(--bg);border-radius:8px;overflow:hidden}.pct-fill{height:100%;border-radius:8px;transition:width var(--transition-base)}.pct-num{font-size:var(--text-xs);color:var(--text-secondary);min-width:3em;text-align:right}.pct-row.pct-p50 .pct-fill{background:var(--success)}.pct-row.pct-p95 .pct-fill{background:var(--warning)}.pct-row.pct-p99 .pct-fill{background:var(--danger)}.pct-row.pct-avg .pct-fill{background:var(--info)}.check-table{margin-bottom:var(--space-2)}.check-row{display:flex;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);align-items:center;border-bottom:1px solid var(--border)}.check-row:last-child{border-bottom:none}.check-region{width:6rem;color:var(--text-secondary)}.check-time{width:5rem;color:var(--text);font-family:var(--font-mono)}.check-error{color:var(--danger);font-size:var(--text-xs)}.check-row .time{color:var(--text-tertiary);margin-left:auto;font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;line-height:1.4}.badge.green{background:var(--success-bg);color:var(--success)}.badge.red{background:var(--danger-bg);color:var(--danger)}.badge.investigating{background:var(--warning-bg);color:var(--warning)}.badge.identified{background:#f9731620;color:#f97316}.badge.monitoring{background:var(--info-bg);color:var(--info)}.badge.resolved{background:var(--success-bg);color:var(--success)}.badge.small{font-size:.6rem;padding:.1rem .35rem}.badge.warning{background:var(--warning-bg);color:var(--warning)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.45rem .9rem;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;background:var(--primary);color:var(--text-inverse);transition:background var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;line-height:1.4}button:hover{background:var(--primary-hover)}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-warn{background:var(--warning)}.btn-warn:hover{background:#d97706}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-danger-small{background:var(--danger);padding:.2rem .45rem;font-size:var(--text-xs)}.btn-danger-small:hover{background:#dc2626}.btn-ok{background:var(--success)}.btn-ok:hover{background:#16a34a}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.incident-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.incident-header-row h3{margin-bottom:0}.add-incident-inline{display:flex;gap:var(--space-2)}.add-incident-inline input{width:180px}.incident-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);transition:border-color var(--transition-fast)}.incident-card:hover{border-color:#2a2a3a}.incident-card.resolved{opacity:.6}.incident-card.resolved:hover{opacity:.8}.incident-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm)}.incident-top button{margin-left:auto}.update-row{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);padding:var(--space-1) 0}.update-row .time{color:var(--text-tertiary);margin-left:auto;font-size:var(--text-xs)}.update-form{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.update-form input{flex:1}.webhook-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:background var(--transition-fast)}.webhook-item:hover{background:var(--surface-hover)}.webhook-info{flex:1;overflow:hidden}.wh-name{display:block;font-weight:500}.wh-url{font-size:var(--text-xs);color:var(--text-tertiary)}.empty-state{display:grid;place-items:center;height:100%;text-align:center}.empty-state h2{margin-bottom:var(--space-2)}.empty-state p{color:var(--text-tertiary);margin-bottom:var(--space-6)}.empty-summary{display:flex;gap:var(--space-8)}.empty-hint{color:var(--text-tertiary);font-size:var(--text-sm);padding:.5px}.period-toggle{display:inline-flex;gap:2px;margin-top:var(--space-1)}.period-btn{font-size:.6rem;padding:.1rem .4rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.period-btn:hover{color:var(--text);border-color:var(--border-focus)}.period-btn.active{background:var(--surface-active);color:var(--text-inverse);border-color:var(--border-focus)}.activity-feed{display:flex;flex-direction:column;gap:var(--space-2)}.activity-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) 0}.activity-item .status-dot{width:6px;height:6px}.status-dot.investigating{background:var(--warning);box-shadow:0 0 4px var(--warning)}.activity-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.activity-item .time{color:var(--text-tertiary);font-size:var(--text-xs);margin-left:auto;white-space:nowrap}.sidebar-user{padding:var(--space-2) var(--space-3)}.live-toast{position:fixed;top:var(--space-3);right:var(--space-3);background:var(--surface-active);border:1px solid var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);z-index:100;box-shadow:var(--shadow-md);animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.new-token-reveal{background:var(--surface-hover);border:1px solid var(--warning);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.token-display{background:var(--bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);-webkit-user-select:all;user-select:all;word-break:break-all;color:var(--success)}.login-page{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-10);width:380px}.login-card h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-1);text-align:center;color:var(--text-inverse)}.login-sub{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-6);text-align:center}.login-card input{width:100%;margin-bottom:var(--space-3)}.login-card button{width:100%;padding:var(--space-3);font-size:var(--text-base)}.login-error{color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--space-2)}.login-hint{color:#444;font-size:var(--text-xs);margin-top:var(--space-3);text-align:center}.login-hint a{color:#666;text-decoration:underline}.login-hint a:hover{color:var(--text-secondary)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-3)}.page-content{max-width:720px}.page-content .detail-card{margin-bottom:var(--space-6)}.dash-layout{display:grid;grid-template-columns:1fr 260px;gap:var(--space-6);height:100%}.dash-main{display:flex;align-items:center}.dash-side{padding-top:var(--space-4)}.quick-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--primary-text);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.quick-link:hover{color:var(--primary)}.quick-link svg{flex-shrink:0}.quick-link-sep{height:1px;background:var(--border);margin:var(--space-2) 0}.sub-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--border)}.sub-row .time{color:var(--text-tertiary);margin-left:auto;font-size:var(--text-xs)}.mw-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.mw-row-col{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.mw-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.mw-desc{font-size:var(--text-sm);color:var(--text-secondary)}.mw-time{font-size:var(--text-xs);color:var(--text-tertiary)}svg.icon{width:16px;height:16px;flex-shrink:0}svg.icon-lg{width:20px;height:20px}.page-title{font-size:var(--text-lg);font-weight:600;color:var(--text-inverse);text-transform:none;letter-spacing:normal;margin:0}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.flex-row{display:flex;align-items:center;gap:var(--space-2)}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.flex-2{flex:2;min-width:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.justify-between{justify-content:space-between}.items-center{align-items:center}.code-block{background:var(--surface-hover);padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary-text);word-break:break-all;border:1px solid var(--border)}.code-inline{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--primary-text);background:var(--surface-hover);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.result-text{font-size:var(--text-sm)}.result-text.success{color:var(--success)}.result-text.error{color:var(--danger)}.text-secondary{color:var(--text-secondary)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-sm{font-size:var(--text-sm)}.border-top{border-top:1px solid var(--border)}.pt-3{padding-top:var(--space-3)}.btn-full{width:100%}.auto-refresh-label{cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-label input{width:auto}.count-badge{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}.badge-embed-box{background:var(--surface-hover);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);border:1px solid var(--border)}.badge-embed-inline{background:var(--surface-hover);padding:var(--space-2);border-radius:var(--radius-md);display:inline-block;border:1px solid var(--border)}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);box-shadow:0 4px 16px #00000080;animation:toastIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#065f4620;border:1px solid var(--success);color:var(--success)}.toast-error{background:#7f1d1d20;border:1px solid var(--danger);color:var(--danger)}.toast-info{background:#1e3a5f20;border:1px solid var(--info);color:var(--info)}.toast-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:0;margin-left:auto;display:flex}.toast-close:hover{opacity:1}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:999;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);width:380px;max-width:90vw;box-shadow:0 8px 32px #00000080}.dialog-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--warning)}.dialog-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-inverse);margin:0}.dialog-message{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:var(--leading)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.click-to-edit{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.click-to-edit:hover .click-to-edit-hint{opacity:1}.click-to-edit-hint{opacity:0;display:inline-flex;color:var(--text-tertiary);transition:opacity var(--transition-fast)}.click-to-edit-hint svg{width:14px;height:14px}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:var(--surface-active);color:var(--text);border-color:var(--border-focus)}.copy-btn svg{width:12px;height:12px}.mini-badge{font-size:.55rem;font-weight:600;color:var(--text-tertiary);background:var(--surface-hover);padding:.05rem .3rem;border-radius:var(--radius-sm);align-self:flex-start;letter-spacing:.03em}.ssl-bar{flex:1;height:4px;background:var(--bg);border-radius:2px;overflow:hidden;min-width:60px}.ssl-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.status-dot.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 4px var(--danger)}50%{box-shadow:0 0 12px var(--danger),0 0 20px #ef44444d}}.check-dot.up-incident{background:var(--warning)}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--surface) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}