@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.toast-stack{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;flex-direction:column;gap:10px}.toast{width:min(300px,calc(100vw - 32px));display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-left-width:3px;border-radius:10px;background:var(--bg-card);animation:toast-enter .2s ease}.toast--success{border-left-color:var(--status-up)}.toast--error{border-left-color:var(--status-down)}.toast--info{border-left-color:var(--accent)}.toast__title{font-size:13px;font-weight:500;color:var(--text-primary)}.toast__message{margin-top:2px;font-size:12px;color:var(--text-secondary)}.toast__close{border:0;padding:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.toast__close:hover{color:var(--text-primary)}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--root-zoom: 1.1;--bg-base: #f5f7fb;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-authcard: #ffffff;--bg-card-hover: #f2f5ff;--bg-input: #f8faff;--monitor-bg: #fdfefe;--monitor-bg-hover: #f5f9ff;--monitor-surface: #f8fbff;--monitor-modal-ring: rgba(64, 99, 235, .22);--border: #d9e0ee;--border-strong: #c8d2e5;--border-focus: #4063eb;--text-primary: #162033;--text-secondary: #5c6880;--text-muted: #8b95a7;--accent: #4063eb;--accent-hover: #3456d8;--status-up: #22c55e;--status-down: #ef4444;--status-up-bg: rgba(34, 197, 94, .08);--status-down-bg: rgba(239, 68, 68, .08);--warning-bg: #fff7e8;--warning-border: #f3d49c;--warning-text: #a56708;--shadow-modal: 0 18px 60px rgba(16, 24, 40, .16)}[data-theme=dark]{--bg-base: #0d1117;--bg-surface: #161b22;--bg-card: #161b22;--bg-authcard: #28313d;--bg-card-hover: #21262d;--bg-input: #0d1117;--monitor-bg: #242c37;--monitor-bg-hover: #2b3543;--monitor-surface: #2a3441;--monitor-modal-ring: rgba(88, 166, 255, .28);--border: #30363d;--border-strong: #484f58;--border-focus: #1f6feb;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-muted: #8b949e;--accent: #58a6ff;--accent-hover: #79c0ff;--status-up: #3fb950;--status-down: #f85149;--status-up-bg: rgba(63, 185, 80, .16);--status-down-bg: rgba(248, 81, 73, .16);--warning-bg: #2d2100;--warning-border: #9e6a03;--warning-text: #f2cc60;--shadow-modal: 0 18px 60px rgba(0, 0, 0, .36)}*{box-sizing:border-box}#root{zoom:var(--root-zoom)}@-moz-document url-prefix(){#root{transform:scale(1.1);transform-origin:top left;width:90.9%}}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg-base);color:var(--text-primary)}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;background:radial-gradient(circle at top left,rgba(64,99,235,.08),transparent 28%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-base) 100%)}[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(31,111,235,.2),transparent 34%),linear-gradient(180deg,#0d1117,#0b0f14)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:var(--border)}@keyframes pulse-green{0%{box-shadow:0 0 #22c55e66}to{box-shadow:0 0 0 6px #22c55e00}}[data-style=neumorphic]{--bg-base: #e0e5ec;--bg-surface: #e0e5ec;--bg-card: #e0e5ec;--bg-authcard: #ffffff;--bg-card-hover: #e5eaf1;--bg-input: #e0e5ec;--monitor-bg: #e0e5ec;--monitor-bg-hover: #e5eaf1;--monitor-surface: #e0e5ec;--monitor-modal-ring: rgba(95, 142, 234, .18);--border: rgba(255, 255, 255, .7);--border-strong: rgba(176, 188, 209, .54);--border-focus: #5f8eea;--divider: rgba(152, 165, 187, .28);--text-primary: #223354;--text-secondary: #65789d;--text-muted: #90a0bc;--accent: #5f8eea;--accent-hover: #537fdc;--status-up: #42c17c;--status-down: #e36a6f;--status-up-bg: rgba(66, 193, 124, .14);--status-down-bg: rgba(227, 106, 111, .14);--warning-bg: #e6e3d7;--warning-border: rgba(197, 170, 110, .35);--warning-text: #8d6b29;--surface-highlight: rgba(255, 255, 255, .88);--surface-shadow: rgba(163, 177, 198, .68);--neo-shadow-raised-sm: 6px 6px 14px rgba(163, 177, 198, .68), -6px -6px 14px rgba(255, 255, 255, .88);--neo-shadow-raised-md: 10px 10px 24px rgba(163, 177, 198, .6), -10px -10px 24px rgba(255, 255, 255, .88);--neo-shadow-inset-sm: inset 4px 4px 9px rgba(163, 177, 198, .54), inset -4px -4px 9px rgba(255, 255, 255, .84);--neo-shadow-inset-md: inset 6px 6px 12px rgba(163, 177, 198, .58), inset -6px -6px 12px rgba(255, 255, 255, .88);--neo-shadow-primary: 8px 8px 18px rgba(102, 132, 192, .34), -4px -4px 12px rgba(255, 255, 255, .2);--status-pill-shadow: 4px 4px 10px rgba(163, 177, 198, .55), -3px -3px 6px rgba(255, 255, 255, .9);--shadow-modal: 20px 20px 42px rgba(163, 177, 198, .58), -14px -14px 34px rgba(255, 255, 255, .82);--monitor-modal-shadow: 20px 20px 42px rgba(163, 177, 198, .58);--monitor-modal-surface-shadow: 6px 6px 14px rgba(163, 177, 198, .7), -6px -6px 14px rgba(255, 255, 255, .84);--monitor-card-hover-bg: var(--bg-card-hover);--monitor-card-hover-shadow: -8px -8px 18px rgba(255, 255, 255, .22), 8px 8px 18px rgba(255, 255, 255, .12)}[data-style=neumorphic][data-theme=dark]{--bg-base: #2c2f3e;--bg-surface: #2c2f3e;--bg-card: #2c2f3e;--bg-authcard: #2c2f3e;--bg-card-hover: #313545;--bg-input: #2c2f3e;--monitor-bg: #2c2f3e;--monitor-bg-hover: #313545;--monitor-surface: #2c2f3e;--monitor-modal-ring: rgba(95, 143, 241, .2);--border: rgba(77, 82, 103, .72);--border-strong: rgba(94, 100, 125, .88);--border-focus: #5f8ff1;--divider: rgba(77, 82, 103, .52);--text-primary: #f5f7fd;--text-secondary: #a3add0;--text-muted: #7f89ab;--accent: #5f8ff1;--accent-hover: #6b9af8;--status-up: #46c77f;--status-down: #ef6e72;--status-up-bg: rgba(70, 199, 127, .18);--status-down-bg: rgba(239, 110, 114, .18);--warning-bg: #353121;--warning-border: rgba(193, 158, 82, .38);--warning-text: #e4c97b;--surface-highlight: rgba(82, 88, 112, .88);--surface-shadow: rgba(19, 21, 31, .62);--neo-shadow-raised-sm: 4px 4px 10px rgba(19, 21, 31, .62), -4px -4px 10px rgba(82, 88, 112, .88);--neo-shadow-raised-md: 6px 6px 16px rgba(14, 16, 24, .68), -6px -6px 16px rgba(82, 88, 112, .42);--neo-shadow-inset-sm: inset 3px 3px 7px rgba(14, 16, 24, .64), inset -4px -4px 8px rgba(82, 88, 112, .34);--neo-shadow-inset-md: inset 4px 4px 9px rgba(14, 16, 24, .68), inset -5px -5px 10px rgba(82, 88, 112, .42);--neo-shadow-primary: 6px 6px 12px rgba(18, 28, 58, .3), -3px -3px 8px rgba(124, 150, 223, .12);--status-pill-shadow: 3px 3px 8px rgba(14, 16, 24, .34), -2px -2px 4px rgba(255, 255, 255, .03);--shadow-modal: 12px 12px 24px rgba(14, 16, 24, .64), -6px -6px 14px rgba(82, 88, 112, .36);--monitor-modal-shadow: 12px 12px 24px rgba(14, 16, 24, .64);--monitor-modal-surface-shadow: 4px 4px 10px rgba(19, 21, 31, .62), -4px -4px 10px rgba(82, 88, 112, .34);--monitor-card-hover-bg: var(--bg-base);--monitor-card-hover-shadow: none}@media (max-width: 768px){#root{zoom:1}}@media (max-width: 768px){#root{transform:none;width:100%}}[data-style=neumorphic] body{background:linear-gradient(180deg,#e3e8ef 0%,var(--bg-base) 100%)}[data-style=neumorphic][data-theme=dark] body{background:linear-gradient(180deg,#2f3343,#1a1e2f)}[data-style=neumorphic] .dashboard-layout{background:var(--bg-base)}[data-style=neumorphic] .stat-card,[data-style=neumorphic] .analytics-card,[data-style=neumorphic] .analytics-panel,[data-style=neumorphic] .monitor-card,[data-style=neumorphic] .add-monitor-card,[data-style=neumorphic] .dashboard-settings__panel,[data-style=neumorphic] .skeleton-card,[data-style=neumorphic] .toast{border:none;box-shadow:var(--neo-shadow-raised-md)}[data-style=neumorphic] .line-chart{border:none;box-shadow:var(--neo-shadow-raised-sm)}[data-style=neumorphic] .add-monitor-input,[data-style=neumorphic] .dashboard-search,[data-style=neumorphic] .dashboard-settings__input,[data-style=neumorphic] .monitor-modal__input{border:none;border-radius:14px;box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .add-monitor-input:focus,[data-style=neumorphic] .dashboard-search:focus,[data-style=neumorphic] .dashboard-settings__input:focus,[data-style=neumorphic] .monitor-modal__input:focus{border:none;outline:none}[data-style=neumorphic] .add-monitor-button,[data-style=neumorphic] .dashboard-settings__button,[data-style=neumorphic] .monitor-modal__button--primary{border-radius:14px;box-shadow:var(--neo-shadow-primary)}[data-style=neumorphic] .analytics-pagination__button,[data-style=neumorphic] .dashboard-pagination__button,[data-style=neumorphic] .confirm-dialog__button--secondary,[data-style=neumorphic] .sidebar-modal__button--secondary{border-color:transparent;border-radius:14px;box-shadow:var(--neo-shadow-raised-sm)}[data-style=neumorphic] .analytics-pagination__button:hover:not(:disabled),[data-style=neumorphic] .dashboard-pagination__button:hover:not(:disabled),[data-style=neumorphic] .confirm-dialog__button--secondary:hover,[data-style=neumorphic] .sidebar-modal__button--secondary:hover{box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .stat-card,[data-style=neumorphic] .analytics-card,[data-style=neumorphic] .analytics-panel,[data-style=neumorphic] .dashboard-settings__panel,[data-style=neumorphic] .monitor-card,[data-style=neumorphic] .monitor-modal__metric,[data-style=neumorphic] .monitor-modal__check,[data-style=neumorphic] .skeleton-card,[data-style=neumorphic] .toast,[data-style=neumorphic] .confirm-dialog__card,[data-style=neumorphic] .sidebar-modal__card{border-radius:16px}[data-style=neumorphic] .add-monitor-input,[data-style=neumorphic] .add-monitor-select,[data-style=neumorphic] .add-monitor-button,[data-style=neumorphic] .dashboard-search,[data-style=neumorphic] .dashboard-settings__input,[data-style=neumorphic] .dashboard-settings__button,[data-style=neumorphic] .dashboard-banner{border-radius:14px}[data-style=neumorphic] .stat-bar{gap:20px}[data-style=neumorphic] .analytics-grid{gap:18px}[data-style=neumorphic] .analytics-panels{gap:20px;margin-top:20px}[data-style=neumorphic] .analytics-panel--table,[data-style=neumorphic] .analytics-panel--stacked{margin-top:20px}[data-style=neumorphic] .dashboard-list,[data-style=neumorphic] .dashboard-settings,[data-style=neumorphic] .monitor-modal__metrics,[data-style=neumorphic] .monitor-modal__charts{gap:20px}[data-style=neumorphic] .monitor-modal__checks{gap:14px}[data-style=neumorphic] .dashboard-shell>.add-monitor-card{margin-top:20px}[data-style=neumorphic] .dashboard-section{margin-top:20px}[data-style=neumorphic] .sidebar{border-right-color:transparent;box-shadow:12px 0 10px -8px #a3b1c63d;margin-right:10px}[data-style=neumorphic][data-theme=dark] .sidebar{box-shadow:12px 0 10px -8px #1018287a}[data-style=neumorphic] .sidebar__nav-link{border-radius:14px;transition:box-shadow .15s ease,color .15s ease,background-color .15s ease}[data-style=neumorphic] .sidebar__nav-link:hover,[data-style=neumorphic] .sidebar__nav-link.active{border-color:transparent;background:var(--bg-card-hover);box-shadow:var(--neo-shadow-inset-sm);color:var(--text-primary)}[data-style=neumorphic] .sidebar__plan{border-color:transparent;box-shadow:var(--neo-shadow-raised-sm)}[data-style=neumorphic] .sidebar__plan--pro{border-color:transparent}[data-style=neumorphic] .sidebar__bottom{border-top-color:var(--divider)}[data-style=neumorphic] .monitor-card:hover{background:var(--monitor-card-hover-bg);box-shadow:var(--monitor-card-hover-shadow);transform:translateY(1px);transition:box-shadow .4s ease,transform .4s ease,background-color .4s ease}[data-style=neumorphic] .monitor-card__badge,[data-style=neumorphic] .monitor-modal__timeline-badge,[data-style=neumorphic] .dashboard-settings__history-status{border-color:transparent;box-shadow:var(--status-pill-shadow)}[data-style=neumorphic] .analytics-table__head,[data-style=neumorphic] .analytics-table__row{border-bottom-color:var(--divider)}[data-style=neumorphic] .dashboard-settings__history-item{border-top-color:var(--divider)}[data-style=neumorphic] .dashboard-empty{border:1px solid transparent;border-radius:16px;box-shadow:var(--neo-shadow-inset-md)}[data-style=neumorphic] .monitor-modal__card{border-color:transparent;box-shadow:0 0 0 1px var(--monitor-modal-ring),var(--monitor-modal-shadow)}[data-style=neumorphic] .monitor-modal__metric,[data-style=neumorphic] .monitor-modal__check{border-color:transparent;box-shadow:var(--monitor-modal-surface-shadow)}[data-style=neumorphic] .theme-toggle{border-color:transparent;box-shadow:var(--neo-shadow-raised-sm);border:none}[data-style=neumorphic] .theme-toggle:hover{background:var(--bg-base);box-shadow:none;border:none}[data-style=neumorphic] .custom-select-trigger{border:none;border-radius:14px;box-shadow:var(--neo-shadow-inset-sm);outline:none}[data-style=neumorphic] .custom-select-trigger:focus-visible,[data-style=neumorphic] .custom-select.open .custom-select-trigger{outline:none;border:none;box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .custom-select-menu{border-color:var(--border);box-shadow:var(--neo-shadow-raised-md);border-radius:14px}[data-style=neumorphic] .custom-select-option{border-radius:10px}[data-style=neumorphic] .add-monitor-input:focus,[data-style=neumorphic] .dashboard-search:focus,[data-style=neumorphic] .dashboard-settings__input:focus,[data-style=neumorphic] .monitor-modal__edit-input:focus,[data-style=neumorphic] .monitor-modal__input--select{border:none;outline:none;box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .style-toggle{border-color:transparent;box-shadow:var(--neo-shadow-raised-sm)}[data-style=neumorphic] .style-toggle:hover{border-color:transparent;box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .monitor-modal__timeline-item,[data-style=neumorphic] .monitor-modal__check-row{border:none;border-radius:14px;box-shadow:var(--neo-shadow-raised-sm)}[data-style=neumorphic] .monitor-modal__button{border:none;border-radius:14px;box-shadow:var(--neo-shadow-raised-sm);transition:box-shadow .2s ease}[data-style=neumorphic] .monitor-modal__button:hover{box-shadow:var(--neo-shadow-inset-sm)}[data-style=neumorphic] .monitor-modal__button--primary:hover{filter:brightness(1.05)}[data-style=neumorphic] .monitor-modal__input--select{flex:0 0 140px;width:140px}[data-style=neumorphic] .monitor-modal__input--select .custom-select-trigger{width:100%;border-radius:14px}