@font-face{font-family:Sora;src:url(/assets/Sora-Regular-e_wUX0-X.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Sora;src:url(/assets/Sora-SemiBold-DrJZahyS.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Sora;src:url(/assets/Sora-Bold-CNDS-H0I.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-8W0DXcRc.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-CixG9-aE.ttf)format("truetype");font-weight:500;font-style:normal}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#13131c;--bg-card-hover:#1a1a26;--bg-input:#0e0e16;--bg-hover:#ffffff0d;--border:#1e1e2e;--border-light:#2a2a3e;--border-accent:#3a3a5c;--border-hover:#3a3a3a;--text-primary:#e8e8f0;--text-secondary:#88a;--text-muted:#55556a;--text-mono:#a0a0c0;--green:#0f8;--green-dim:#00cc6a;--green-bg:#00ff8814;--green-border:#0f83;--red:#f46;--red-dim:#c35;--red-bg:#ff446614;--red-border:#f463;--yellow:#fc0;--yellow-bg:#ffcc0014;--yellow-border:#fc03;--accent:#65f;--accent-dim:#54d;--accent-bg:#6655ff1a;--accent-border:#6655ff4d;--font-display:"Sora", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 4px 24px #0006;--shadow-glow-green:0 0 20px #00ff8826;--shadow-glow-red:0 0 20px #ff446626;--shadow-glow-accent:0 0 20px #65f3;--transition:.2s ease}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f7f8fb;--bg-secondary:#eef1f6;--bg-card:#fff;--bg-card-hover:#f1f4f9;--bg-input:#fff;--bg-hover:#0f172a0f;--border:#dfe4ec;--border-light:#cfd7e3;--border-accent:#a7b1c4;--border-hover:#bcc6d6;--text-primary:#151923;--text-secondary:#4c5568;--text-muted:#7a8497;--text-mono:#5f6b80;--green:#008f5a;--green-dim:#007849;--green-bg:#008f5a1a;--green-border:#008f5a3d;--red:#d73555;--red-dim:#b82a46;--red-bg:#d735551a;--red-border:#d735553d;--yellow:#a87500;--yellow-bg:#a875001f;--yellow-border:#a875003d;--accent:#5548d9;--accent-dim:#4538bd;--accent-bg:#5548d91a;--accent-border:#5548d942;--shadow-card:0 10px 28px #141e3217;--shadow-glow-green:0 0 20px #008f5a1f;--shadow-glow-red:0 0 20px #d735551f;--shadow-glow-accent:0 0 20px #5548d924}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#6655ff08 1px,#0000 1px),linear-gradient(90deg,#6655ff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}:root[data-theme=light] body:before{background-image:linear-gradient(#5548d90e 1px,#0000 1px),linear-gradient(90deg,#5548d90e 1px,#0000 1px)}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-mono);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.container,.main-content{width:100%;max-width:1280px;margin:0 auto;padding:32px 24px}.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;font-size:clamp(24px,4vw,36px);font-weight:800}.page-subtitle{font-family:var(--font-mono);color:var(--text-secondary);margin-top:6px;font-size:13px}.mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius-md);font-family:var(--font-display);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 #65f6}.btn-primary:hover{background:var(--accent-dim);box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-primary);border-color:var(--border-light);background:0 0}.btn-outline:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.btn-danger:hover{box-shadow:var(--shadow-glow-red);background:#ff446626}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition);padding:24px}.card:hover{border-color:var(--border-light)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition);width:100%;padding:12px 16px;font-size:14px}.form-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px #6655ff1a}.form-input::placeholder{color:var(--text-muted)}.form-error{font-family:var(--font-mono);color:var(--red);margin-top:4px;font-size:12px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px}.badge-up{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-up:before{background:var(--green);box-shadow:0 0 6px var(--green);animation:2s infinite pulse-green}.badge-down{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-down:before{background:var(--red);box-shadow:0 0 6px var(--red)}.badge-unknown{background:var(--yellow-bg);color:var(--yellow);border:1px solid var(--yellow-border)}.badge-unknown:before{background:var(--yellow)}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.5;box-shadow:0 0 2px var(--green)}}.empty-state{text-align:center;color:var(--text-muted);padding:80px 24px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:700}.empty-state p{font-family:var(--font-mono);margin-bottom:24px;font-size:13px}.spinner{border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-screen p{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-card), var(--shadow-glow-accent);padding:32px;animation:.2s scaleIn}.modal-title{font-family:var(--font-display);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-size:20px;font-weight:800}.modal-text{font-family:var(--font-mono);color:var(--text-secondary);font-size:14px;line-height:1.7}.modal-text strong{color:var(--text-primary);font-weight:700}.modal-text+.modal-text{margin-top:12px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:13px}thead{background:var(--bg-secondary);border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:14px 16px}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--bg-card-hover)}.back-link{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;transition:color var(--transition);align-items:center;gap:8px;width:fit-content;margin-bottom:24px;font-size:12px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--text-primary);text-shadow:var(--shadow-glow-accent)}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.detail-header-left{flex-direction:column;gap:8px;max-width:100%;display:flex}.detail-title-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.detail-title-row .page-title{margin:0;line-height:1.2}.monitor-url-display{color:var(--text-muted);word-break:break-all;font-size:14px}.detail-actions{flex-shrink:0;gap:12px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 4px 12px #0000001a}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-card-header{align-items:center;gap:10px;display:flex}.stat-card .card-icon-wrapper{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-light);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stat-card-icon{font-size:14px}.stat-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:32px;font-weight:800;line-height:1}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-value.yellow{color:var(--yellow)}.detail-section{flex-direction:column;gap:16px;margin-top:16px;display:flex}.section-title{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:12px;font-size:20px;font-weight:800;display:flex}.section-count{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);letter-spacing:.5px;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.status-code{font-weight:700}.code-ok{color:var(--green)}.code-error{color:var(--red)}.response-time{font-weight:500}.time-fast{color:var(--green)}.time-medium{color:var(--yellow)}.time-slow{color:var(--red)}.timestamp-cell{white-space:nowrap;font-size:12px;color:var(--text-muted)!important}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dashboard-header>div{flex-direction:column;display:flex}.monitors-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.regional-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:32px;padding:20px}.regional-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.regional-panel__title{border-bottom:0;margin:0;padding-bottom:0}.regional-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.regional-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.regional-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.regional-card__name{color:var(--text-primary);font-size:14px;font-weight:800}.regional-card__meta,.regional-card__stats{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.regional-card__stats{justify-content:space-between;margin-bottom:10px;display:flex}.region-heatmap{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.region-heat-cell{aspect-ratio:1;border-radius:3px;display:block}.region-heat-cell--empty{background:var(--border);opacity:.45}.region-heat-cell--fast{background:var(--green);box-shadow:0 0 8px var(--green-bg)}.region-heat-cell--medium{background:var(--yellow);box-shadow:0 0 8px var(--yellow-bg)}.region-heat-cell--slow{background:var(--red);opacity:.72}.region-heat-cell--down{background:var(--red);box-shadow:0 0 8px var(--red-bg)}.toast{z-index:9999;min-width:300px;max-width:400px;box-shadow:var(--shadow-card);animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUpToast;position:fixed;bottom:32px;right:32px}@keyframes slideUpToast{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.main-content{padding:24px 16px}.modal{padding:24px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}th,td{padding:10px 12px}.detail-header{flex-direction:column;gap:20px}.detail-actions{width:100%}.detail-actions .btn{flex:1;justify-content:center}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header .btn{justify-content:center;width:100%}.monitors-grid{grid-template-columns:1fr;gap:16px}.regional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{min-width:auto;bottom:24px;left:24px;right:24px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.regional-panel__header{flex-direction:column}.regional-grid{grid-template-columns:1fr}.stat-value{font-size:24px}.uptime-subgrid{grid-template-columns:1fr!important}.empty-state .btn,.btn-full{white-space:normal;text-align:center;justify-content:center;width:100%;height:auto;padding:12px 20px}.empty-state{padding:48px 16px}}@keyframes skeleton-pulse{0%{background-color:var(--border);opacity:.6}50%{background-color:var(--border-light);opacity:1}to{background-color:var(--border);opacity:.6}}.skeleton{background-color:var(--border);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{border-radius:var(--radius-sm);height:14px;margin-bottom:8px}.skeleton-title{border-radius:var(--radius-sm);height:24px;margin-bottom:16px}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;height:180px;padding:24px;display:flex}.modal-tabs{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border);gap:4px;margin-bottom:20px;padding:4px;display:flex}.modal-tab-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.modal-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.modal-tab-btn.active{color:var(--text-primary);background:var(--bg-card-hover);border:1px solid var(--border-light);box-shadow:0 2px 8px #0003}.alert-channels-grid{grid-template-columns:1fr;gap:10px;display:grid}.channel-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:relative}.channel-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.channel-card.active{border-color:var(--accent-border);background:#6655ff05}.channel-checkbox{accent-color:var(--accent);cursor:pointer;width:15px;height:15px;margin-top:3px}.channel-info{flex-direction:column;gap:1px;display:flex}.channel-name{color:var(--text-primary);font-size:13px;font-weight:700}.channel-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.quiet-hours-group{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:14px;display:flex}.quiet-hours-header{justify-content:space-between;align-items:center;display:flex}.quiet-hours-times{align-items:center;gap:12px;animation:.2s fadeIn;display:flex}.time-connector{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.time-input{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);transition:all var(--transition);outline:none;padding:6px 10px;font-size:13px}.time-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6655ff1a}.switch-label{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.switch-input{display:none}.switch-slider{background-color:var(--border);width:36px;height:20px;transition:background-color var(--transition);border:1px solid var(--border-light);border-radius:20px;position:relative}.switch-slider:before{content:"";background-color:var(--text-secondary);width:14px;height:14px;transition:transform var(--transition), background-color var(--transition);border-radius:50%;position:absolute;bottom:2px;left:2px}.switch-input:checked+.switch-slider{background-color:var(--accent);border-color:var(--accent-border)}.switch-input:checked+.switch-slider:before{background-color:#fff;transform:translate(16px)}.custom-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:380px;display:flex;position:fixed;top:24px;right:24px}.custom-toast{pointer-events:auto;border:1px solid var(--border-light,#2a2a3e);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg,12px);transition:all var(--transition,.2s ease);background:#13131cd9;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006}.custom-toast:hover{border-color:var(--border-accent,#3a3a5c);transform:translateY(-2px);box-shadow:0 16px 40px #00000080}.custom-toast--success{border-left:4px solid var(--green,#0f8)}.custom-toast--error{border-left:4px solid var(--red,#f46)}.custom-toast--warning{border-left:4px solid var(--yellow,#fc0)}.custom-toast--info{border-left:4px solid var(--accent,#65f)}.custom-toast__content{align-items:flex-start;gap:12px;padding:16px;display:flex}.custom-toast__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.toast-icon-svg.success{color:var(--green,#0f8)}.toast-icon-svg.error{color:var(--red,#f46)}.toast-icon-svg.warning{color:var(--yellow,#fc0)}.toast-icon-svg.info{color:var(--accent,#65f)}.custom-toast__body{font-family:var(--font-display), sans-serif;color:var(--text-primary,#e8e8f0);word-break:break-word;flex:1;font-size:13px;font-weight:500;line-height:1.5}.custom-toast__close-btn{color:var(--text-muted,#55556a);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;margin-top:2px;padding:2px;transition:color .15s;display:flex}.custom-toast__close-btn:hover{color:var(--text-primary);background:#ffffff0d}.custom-toast__progress-bar-container{background:#ffffff08;width:100%;height:3px;position:absolute;bottom:0;left:0}.custom-toast__progress-bar{height:100%;transition:width 20ms linear}.custom-toast--success .custom-toast__progress-bar{background:var(--green,#0f8)}.custom-toast--error .custom-toast__progress-bar{background:var(--red,#f46)}.custom-toast--warning .custom-toast__progress-bar{background:var(--yellow,#fc0)}.custom-toast--info .custom-toast__progress-bar{background:var(--accent,#65f)}.toast-enter{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in}.toast-exit{animation:.25s cubic-bezier(.7,0,.84,0) forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.9)}}