@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(64,99,235,.12),transparent 26%),linear-gradient(180deg,#fbfcff,#f4f7fb)}.auth-card{width:min(100%,400px);padding:32px 40px;border:1px solid var(--border);border-radius:12px;background:#fffffff0}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:600}.auth-brand__dot{width:10px;height:10px;border-radius:999px;background:var(--status-up);animation:pulse-green 2s infinite}.auth-title{margin-top:18px;margin-bottom:22px;text-align:center;color:var(--text-secondary);font-size:15px}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.auth-field label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.auth-field input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}.auth-field input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #4f6ef726}.auth-password-wrap{position:relative}.auth-password-wrap input{width:100%;padding-right:44px}.auth-password-toggle{position:absolute;right:10px;top:50%;width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-secondary);transform:translateY(-50%);cursor:pointer}.auth-password-toggle:hover{color:var(--text-primary)}.auth-password-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.auth-password-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:6px}.auth-submit{width:100%;height:40px;margin-top:4px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:500;cursor:pointer;transition:.15s ease}.auth-submit:hover{background:var(--accent-hover)}.auth-submit:active{transform:scale(.99)}.auth-link-row{margin-top:16px;text-align:center;color:var(--text-secondary)}.auth-link-row a{color:var(--accent);text-decoration:none}.auth-link-row a:hover{text-decoration:underline}.auth-error{margin-bottom:12px;font-size:13px;color:var(--status-down)}.sidebar{position:sticky;top:0;flex:0 0 220px;width:220px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;border-right:1px solid var(--border);background:#ffffffd1;overflow:hidden}.sidebar__brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;letter-spacing:-.01em}.sidebar__brand-dot{width:10px;height:10px;border-radius:999px;background:var(--status-up);animation:pulse-green 2s infinite}.sidebar__nav{display:flex;flex-direction:column;gap:6px;margin-top:32px}.sidebar__nav-link{display:block;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:.15s ease}.sidebar__nav-link:hover,.sidebar__nav-link.active{border-color:var(--border);background:var(--bg-card-hover);color:var(--text-primary)}.sidebar__footer{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--border)}.sidebar__user-email{font-size:13px;color:var(--text-secondary);word-break:break-word}.sidebar__plan{width:fit-content;padding:4px 9px;border-radius:999px;border:1px solid var(--border);font-size:10px;font-weight:500;background:var(--bg-surface)}.sidebar__plan--free{color:var(--text-secondary)}.sidebar__plan--pro{color:var(--accent);border-color:var(--accent)}.sidebar__logout{width:fit-content;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease}.sidebar__logout:hover{color:var(--status-down)}.sidebar-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#1018283d}.sidebar-modal__card{width:min(100%,360px);padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.sidebar-modal__title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar-modal__text{margin:8px 0 0;color:var(--text-secondary)}.sidebar-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sidebar-modal__button{min-width:90px;height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:.15s ease}.sidebar-modal__button--secondary:hover{background:var(--bg-card-hover)}.sidebar-modal__button--danger{border-color:#ef44442e;background:var(--status-down);color:#fff}.sidebar-modal__button--danger:hover{filter:brightness(.96)}@media (max-width: 960px){.sidebar{position:static;flex:none;width:100%;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--border);overflow:visible}}.stat-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{padding:18px 20px;border:1px solid var(--border);border-radius:10px;background:#fffc}.stat-card__label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.stat-card__value{margin-top:10px;font-size:24px;font-weight:600;color:var(--text-primary)}.stat-card__value--up{color:var(--status-up)}.stat-card__value--down{color:var(--status-down)}@media (max-width: 900px){.stat-bar{grid-template-columns:1fr}}.add-monitor-card{padding:20px 24px;border:1px solid var(--border);border-radius:10px;background:#ffffffd6}.add-monitor-note{margin-bottom:10px;font-size:13px;color:var(--text-secondary)}.add-monitor-row{display:flex;gap:10px}.add-monitor-input,.add-monitor-select{height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);transition:.15s ease}.add-monitor-input{flex:1;padding:0 12px}.add-monitor-input::placeholder{color:var(--text-muted)}.add-monitor-select{width:140px;padding:0 12px}.add-monitor-input:focus,.add-monitor-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #4f6ef726}.add-monitor-button{width:140px;height:40px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:500;cursor:pointer;transition:.15s ease}.add-monitor-button:hover{background:var(--accent-hover)}.add-monitor-button:active{transform:scale(.99)}.add-monitor-button:disabled{opacity:.7;cursor:not-allowed}.add-monitor-error{margin-top:10px;font-size:13px;color:var(--status-down)}@media (max-width: 760px){.add-monitor-row{flex-direction:column}.add-monitor-select,.add-monitor-button{width:100%}}.monitor-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border:1px solid var(--border);border-radius:10px;background:#ffffffdb;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.monitor-card:hover{border-color:var(--border-strong);background:#fffffffa}.monitor-card__left,.monitor-card__center,.monitor-card__right{display:flex;align-items:center}.monitor-card__left{min-width:0;flex:1;gap:12px}.monitor-card__center{min-width:120px;flex-direction:column;gap:4px}.monitor-card__right{gap:12px}.monitor-card__dot{width:8px;height:8px;border-radius:999px;transition:background-color .3s ease}.monitor-card__dot--up{background:var(--status-up);animation:pulse-green 2s infinite}.monitor-card__dot--down{background:var(--status-down)}.monitor-card__dot--pending{background:var(--text-muted)}.monitor-card__url,.monitor-card__response{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.monitor-card__url{max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary)}.monitor-card__response{padding:2px 6px;border-radius:6px;color:var(--text-secondary);transition:background-color .15s ease}.monitor-card__response--flash{background:#4063eb1a}.monitor-card__interval,.monitor-card__checked{font-size:12px;color:var(--text-muted)}.monitor-card__badge{padding:3px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600}.monitor-card__badge--up{border-color:#22c55e33;background:var(--status-up-bg);color:var(--status-up)}.monitor-card__badge--down{border-color:#ef444433;background:var(--status-down-bg);color:var(--status-down)}.monitor-card__badge--pending{background:transparent;color:var(--text-muted)}.monitor-card__delete{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:.15s ease}.monitor-card__delete svg{width:16px;height:16px}.monitor-card__delete:hover{background:var(--status-down-bg);color:var(--status-down)}@media (max-width: 960px){.monitor-card{align-items:flex-start;flex-direction:column}.monitor-card__center,.monitor-card__right{width:100%;justify-content:space-between}}.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:#fffffff5;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)}}.line-chart{padding:16px;border:1px solid var(--border);border-radius:12px;background:#ffffffe6}.line-chart__header{display:flex;justify-content:space-between;gap:12px}.line-chart__title{font-size:13px;font-weight:600;color:var(--text-primary)}.line-chart__subtitle,.line-chart__labels{font-size:12px;color:var(--text-muted)}.line-chart__value{margin-top:10px;font-size:26px;font-weight:600;color:var(--text-primary)}.line-chart__svg{width:100%;height:96px;margin-top:10px}.line-chart__line{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.line-chart__labels{display:flex;justify-content:space-between;margin-top:6px}.line-chart__empty{margin-top:14px;color:var(--text-muted)}.monitor-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0f172a47}.monitor-modal__card{width:min(1080px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card)}.monitor-modal__header,.monitor-modal__actions,.monitor-modal__edit,.monitor-modal__timeline-item,.monitor-modal__check-row{display:flex}.monitor-modal__header{align-items:flex-start;justify-content:space-between;gap:16px}.monitor-modal__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.monitor-modal__title{margin:8px 0 0;font-size:28px;line-height:1.2;word-break:break-word}.monitor-modal__actions{gap:10px}.monitor-modal__button{height:40px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);cursor:pointer}.monitor-modal__button--primary{border:0;background:var(--accent);color:#fff}.monitor-modal__button--secondary{background:transparent}.monitor-modal__edit{gap:10px;margin-top:20px}.monitor-modal__input{flex:1;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}.monitor-modal__input--select{flex:0 0 140px}.monitor-modal__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.monitor-modal__metric{padding:16px;border:1px solid var(--border);border-radius:12px;background:#ffffffbf}.monitor-modal__metric-label,.monitor-modal__section-title,.monitor-modal__timeline-meta{color:var(--text-secondary)}.monitor-modal__metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.monitor-modal__metric-value{margin-top:8px;font-size:24px;font-weight:600}.monitor-modal__charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.monitor-modal__section{margin-top:22px}.monitor-modal__section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.monitor-modal__timeline,.monitor-modal__checks{display:flex;flex-direction:column;gap:10px;margin-top:14px}.monitor-modal__timeline-item,.monitor-modal__check-row{align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#ffffffb8}.monitor-modal__timeline-status{font-weight:600;color:var(--text-primary)}.monitor-modal__timeline-duration{font-weight:600}.monitor-modal__check-status{width:fit-content;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.monitor-modal__check-status--up{background:var(--status-up-bg);color:var(--status-up)}.monitor-modal__check-status--down{background:var(--status-down-bg);color:var(--status-down)}.monitor-modal__empty,.monitor-modal__error{margin-top:16px}.monitor-modal__error{color:var(--status-down)}@media (max-width: 960px){.monitor-modal__metrics,.monitor-modal__charts,.monitor-modal__edit{grid-template-columns:1fr;flex-direction:column}.monitor-modal__actions,.monitor-modal__header,.monitor-modal__timeline-item,.monitor-modal__check-row{flex-direction:column;align-items:flex-start}.monitor-modal__input--select,.monitor-modal__button{width:100%}}.skeleton-card{position:relative;height:74px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#ffffffd6}.skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,var(--bg-card-hover) 50%,rgba(255,255,255,.84) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics{margin-top:24px}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-card,.analytics-panel{border:1px solid var(--border);border-radius:12px;background:#ffffffe0}.analytics-card{padding:16px 18px}.analytics-card__label,.analytics-panel__title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.analytics-card__value{margin-top:10px;font-size:28px;font-weight:600;color:var(--text-primary);line-height:1.1;word-break:break-word}.analytics-card__value--up{color:var(--status-up)}.analytics-card__value--down{color:var(--status-down)}.analytics-card__meta{margin-top:8px;font-size:13px;color:var(--text-muted)}.analytics-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.analytics-panel{padding:18px}.analytics-panel--table{margin-top:12px}.analytics-panel__empty{margin-top:14px;color:var(--text-muted)}.analytics-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.analytics-list__item{display:flex;align-items:center;justify-content:space-between;gap:16px}.analytics-list__primary{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.analytics-list__secondary{margin-top:3px;font-size:13px;color:var(--text-muted)}.analytics-list__metric{flex-shrink:0;font-weight:600;color:var(--text-primary)}.analytics-list__metric--down{color:var(--status-down)}.analytics-table{margin-top:14px}.analytics-table__head,.analytics-table__row{display:grid;grid-template-columns:minmax(0,2fr) 120px 140px 90px 120px;gap:12px;align-items:center}.analytics-table__head{padding-bottom:10px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.analytics-table__body{display:flex;flex-direction:column}.analytics-table__row{padding:12px 0;border-bottom:1px solid var(--border)}.analytics-table__row:last-child{border-bottom:0}.analytics-table__row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-table__danger{color:var(--status-down);font-weight:600}@media (max-width: 1200px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.analytics-panels,.analytics-grid{grid-template-columns:1fr}.analytics-table{overflow-x:auto}.analytics-table__head,.analytics-table__row{min-width:760px}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;min-width:0}.dashboard-shell{max-width:1240px;margin:0 auto 0 8px;padding:28px 28px 28px 36px}.dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.dashboard-hero__eyebrow{margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.dashboard-hero__title{max-width:840px;margin:0;font-size:32px;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary)}.dashboard-hero__text{max-width:620px;margin:6px 0 1px;color:var(--text-secondary)}.dashboard-hero__meta{display:flex;align-items:center}.dashboard-hero__plan{padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;font-size:12px;font-weight:600;color:var(--text-secondary)}.dashboard-hero__plan--pro{border-color:#4063eb47;color:var(--accent)}.dashboard-banner{margin-top:12px;padding:10px 14px;border:1px solid var(--warning-border);border-radius:8px;background:var(--warning-bg);color:var(--warning-text)}.dashboard-shell>.add-monitor-card{margin-top:18px}.dashboard-section{margin-top:24px;scroll-margin-top:24px}.dashboard-section__heading{margin-bottom:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.dashboard-section__heading span{color:var(--text-muted)}.dashboard-section__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.dashboard-search{width:min(320px,100%);height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}.dashboard-search:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #4f6ef726}.dashboard-list{display:flex;flex-direction:column;gap:8px}.empty-state{display:grid;place-items:center;gap:6px;min-height:320px;border:1px dashed var(--border);border-radius:10px;background:#fff9;color:var(--text-secondary)}.empty-state svg{width:48px;height:48px;color:var(--text-muted)}.empty-state__title{font-size:14px}.empty-state__text{font-size:13px;color:var(--text-muted)}@media (max-width: 960px){.dashboard-layout,.dashboard-hero{flex-direction:column}.dashboard-hero__title{font-size:26px}.dashboard-shell{padding:20px}.dashboard-section__topbar{flex-direction:column;align-items:stretch}}:root{--bg-base: #f5f7fb;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f2f5ff;--bg-input: #f8faff;--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}*{box-sizing:border-box}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,#f8faff,#f5f7fb)}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}}