*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body.sn-body{color:#e2e8f0;background:#0a0e14;min-height:100vh;font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,monospace;overflow-x:hidden}.sn-toolbar{z-index:40;background:#0d1117;border-bottom:1px solid #1e293b;align-items:center;gap:16px;height:42px;padding:0 18px;font-size:11px;display:flex;position:sticky;top:0}.tb-left{align-items:center;gap:10px;display:flex}.tb-brand{color:#06b6d4;letter-spacing:.12em;font-size:13px;font-weight:700}.tb-divider{color:#1e293b;font-weight:400}.tb-tag{color:#475569;letter-spacing:.1em;font-size:9px;font-weight:600}.tb-center{gap:2px;margin-left:24px;display:flex}.tb-tab{color:#475569;cursor:pointer;letter-spacing:.06em;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.tb-tab:hover{color:#94a3b8;background:#ffffff0a}.tb-tab.active{color:#06b6d4;background:#06b6d41a}.tb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.tb-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tb-dot-up{background:#10b981;box-shadow:0 0 6px #10b981}.tb-dot-degraded{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.tb-dot-down{background:#ef4444;animation:1s infinite blink-dot;box-shadow:0 0 6px #ef4444}.tb-status-text{color:#64748b;font-size:10px}.tb-clock{color:#94a3b8;letter-spacing:.05em;font-size:12px;font-weight:600}.tb-link{color:#475569;border:1px solid #1e293b;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s}.tb-link:hover{color:#06b6d4;border-color:#06b6d44d}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.sn-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:12px;max-width:1400px;padding:14px 18px;display:grid}.panel-status{grid-column:1/2}.panel-services{grid-column:2/3}.panel-chart{grid-column:1/2}.panel-incidents{grid-column:2/3}.panel-log{grid-column:1/2}.panel-actions{grid-column:2/3}.panel{background:#111827;border:1px solid #1e293b;border-radius:6px;overflow:hidden}.panel-header{background:#0003;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-title{color:#64748b;letter-spacing:.1em;font-size:10px;font-weight:700}.panel-badge{color:#10b981;letter-spacing:.08em;background:#10b98126;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.panel-count{color:#06b6d4;background:#06b6d41a;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700}.panel-body{padding:14px}.status-hero{align-items:center;gap:14px;margin-bottom:16px;display:flex}.sh-up .status-icon{color:#10b981;box-shadow:0 0 12px #10b98166}.sh-degraded .status-icon{color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.sh-down .status-icon{color:#ef4444;animation:1s infinite blink-dot;box-shadow:0 0 12px #ef444466}.status-icon{background:#0000004d;border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.si-up:before{content:"✓"}.si-degraded:before{content:"⚠"}.si-down:before{content:"✗"}.status-text{letter-spacing:.02em;margin-bottom:2px;font-size:18px;font-weight:700}.sh-up .status-text{color:#10b981}.sh-degraded .status-text{color:#f59e0b}.sh-down .status-text{color:#ef4444}.status-sub{color:#64748b;font-size:11px}.uptime-row{margin-top:4px}.uptime-label{color:#475569;letter-spacing:.1em;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.uptime-bar{gap:2px;display:flex}.uptime-cell{border-radius:2px;flex:1;min-width:4px;height:16px;transition:all .15s}.uptime-cell:hover{transform:scaleY(1.4)}.svc-list{flex-direction:column;gap:0;display:flex}.svc-row{cursor:pointer;border-bottom:1px solid #1e293b99;align-items:center;gap:10px;padding:10px 0;transition:all .1s;display:flex}.svc-row:last-child{border-bottom:none}.svc-row:hover{background:#06b6d40a}.svc-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.svc-dot.pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 5px #0000}}.svc-info{flex:1;min-width:0}.svc-name{color:#e2e8f0;font-size:12px;font-weight:600;display:block}.svc-url{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.svc-metrics{text-align:right;flex-shrink:0;gap:14px;display:flex}.svc-rt{color:#e2e8f0;font-size:13px;font-weight:700}.svc-uptime{color:#10b981;font-size:11px;font-weight:600}.chart-select{color:#94a3b8;cursor:pointer;background:#0d1117;border:1px solid #1e293b;border-radius:3px;padding:3px 8px;font-family:inherit;font-size:10px}.chart-body{padding:10px 14px 8px}.chart-bars{align-items:flex-end;gap:6px;height:120px;padding-bottom:4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-val{color:#475569;margin-bottom:3px;font-size:8px;font-weight:600}.bar-fill{border-radius:2px 2px 0 0;width:100%;min-height:3px;transition:height .3s}.chart-labels{gap:6px;margin-top:4px;display:flex}.bar-label{text-align:center;color:#334155;flex:1;font-size:8px}.inc-list{flex-direction:column;gap:0;display:flex}.inc-row{border-bottom:1px solid #1e293b80;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.inc-row:last-child{border-bottom:none}.inc-time{color:#475569;flex-shrink:0;min-width:70px;padding-top:1px;font-size:10px}.inc-sev{letter-spacing:.06em;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.inc-detail{flex:1;min-width:0}.inc-svc{color:#e2e8f0;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.inc-desc{color:#64748b;font-size:10px;line-height:1.4;display:block}.log-body{scroll-behavior:smooth;background:#0d1117;border-radius:0 0 5px 5px;height:200px;padding:10px 14px;font-size:11px;line-height:1.7;overflow-y:auto}.log-body:hover{animation-play-state:paused}.log-entry{color:#34d399;white-space:nowrap}.log-fail{color:#ef4444}.log-alert{color:#ef4444;font-weight:700}.log-warn{color:#f59e0b}.log-clear{color:#475569;cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #1e293b;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:9px;font-weight:600;transition:all .15s}.log-clear:hover{color:#94a3b8;border-color:#334155}.actions-body{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-btn{color:#94a3b8;cursor:pointer;background:#0d1117;border:1px solid #1e293b;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.action-btn:hover{color:#e2e8f0;background:#ffffff08;border-color:#334155}.action-icon{font-size:16px}.action-add{color:#10b981;border-color:#10b9814d}.action-add:hover{background:#10b98114}.action-check{color:#06b6d4;border-color:#06b6d44d}.action-check:hover{background:#06b6d414}.action-check.checking{animation:.5s infinite pulse}.action-export{color:#60a5fa;border-color:#60a5fa4d}.action-export:hover{background:#60a5fa14}.action-page{border-color:#94a3b833}.action-cancel{color:#64748b;border-color:#1e293b}.modal-overlay{z-index:50;backdrop-filter:blur(4px);background:#05080ed9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-box{background:#111827;border:1px solid #1e293b;border-radius:8px;width:min(100%,520px);max-height:80vh;padding:24px;position:relative;overflow-y:auto}.modal-sm{max-width:380px}.modal-x{color:#475569;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;transition:all .15s;position:absolute;top:12px;right:14px}.modal-x:hover{color:#e2e8f0}.modal-title{color:#64748b;letter-spacing:.1em;margin-bottom:16px;font-size:12px;font-weight:700}.modal-svc-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.modal-svc-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.modal-svc-header h2{color:#e2e8f0;margin:0;font-size:16px}.modal-svc-badge{letter-spacing:.08em;background:#ffffff0d;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.modal-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.modal-stat{background:#0d1117;border:1px solid #1e293b;border-radius:5px;padding:12px}.modal-stat span{color:#475569;letter-spacing:.08em;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.modal-stat strong{color:#e2e8f0;font-size:16px}.modal-url{color:#475569;word-break:break-all;background:#0d1117;border-radius:4px;padding:10px;font-size:10px}.add-form{flex-direction:column;gap:10px;display:flex}.add-form input{color:#e2e8f0;background:#0d1117;border:1px solid #1e293b;border-radius:5px;outline:none;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .15s}.add-form input:focus{border-color:#06b6d480}.add-form input::placeholder{color:#334155}.add-form-actions{gap:8px;margin-top:4px;display:flex}.add-form-actions .action-btn{flex:1;padding:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}@media (width<=900px){.sn-grid{grid-template-columns:1fr}.panel-status,.panel-services,.panel-chart,.panel-incidents,.panel-log,.panel-actions{grid-column:1/-1}.tb-center{display:none}}@media (width<=560px){.sn-toolbar{gap:8px;padding:0 10px;font-size:10px}.tb-right .tb-status-text,.tb-right .tb-divider:last-of-type,.tb-right .tb-link:first-of-type{display:none}.sn-grid{gap:8px;padding:10px}.modal-stats{grid-template-columns:1fr 1fr}.actions-body{grid-template-columns:1fr}.svc-metrics{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}