@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#252a31;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid #e9ebef;position:fixed;inset:0 auto 0 0;padding:27px 17px 16px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#242a31;font:800 19px Manrope,sans-serif;letter-spacing:-.8px;margin:0 8px 42px}.brand-mark{width:37px;height:37px;border-radius:11px;background:#222831;color:#f49a4b;display:grid;place-items:center;font-size:23px}.brand-dot{color:#e88b3e}.brand small{display:block;font:600 8px DM Sans;letter-spacing:1.35px;color:#9a9fa7;margin-top:2px}.workspace-label,.nav-label,.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#9ca2aa}.workspace-label,.nav-label{padding:0 10px;margin-bottom:10px}.workspace-switch{border:0;background:#f7f8fa;padding:9px;border-radius:9px;display:flex;align-items:center;text-align:left;gap:9px;color:#343a42;margin-bottom:32px}.workspace-avatar,.profile-avatar{width:31px;height:31px;border-radius:8px;background:#f5e8dc;color:#b56b31;display:grid;place-items:center;font-weight:700}.workspace-switch b,.profile-row b{font-size:11px;display:block}.workspace-switch small,.profile-row small{display:block;font-size:9px;color:#999fa8;margin-top:3px}.chevron{margin-left:auto;color:#8e949c}.side-nav{display:grid;gap:4px;margin-bottom:29px}.side-nav button{border:0;background:transparent;border-radius:8px;padding:10px;color:#747b85;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px}.side-nav button svg,.icon-button svg,.button svg,.row-actions svg,.help-card a svg,.page-footer svg{width:16px;height:16px}.side-nav button.active{background:#fff3e9;color:#c97835;font-weight:600}.nav-count{margin-left:auto;font-size:10px;color:#9299a2}.alert-count{color:#c75d56}.sidebar-bottom{margin-top:auto}.help-card{background:#f8f8f8;border:1px solid #eceef0;border-radius:10px;padding:13px;margin-bottom:17px}.help-icon{width:20px;height:20px;border-radius:50%;background:#fff0e4;color:#ca7b3c;display:grid;place-items:center;font-size:12px;margin-bottom:10px}.help-card b{font-size:11px}.help-card p{font-size:10px;color:#858b94;margin:5px 0 10px}.help-card a{font-size:10px;color:#c77a39;text-decoration:none;display:flex;align-items:center;gap:5px}.help-card a svg{width:11px;height:11px}.profile-row{display:flex;align-items:center;gap:9px;padding:5px 2px}.profile-row>svg{width:17px;height:17px;margin-left:auto;color:#9299a2}.main-area{margin-left:248px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid #e9ebef;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#9ba1aa}.breadcrumb span{margin:0 9px;color:#c5c8cd}.breadcrumb b{color:#4a5058;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.demo-pill{font-size:9px;font-weight:700;letter-spacing:.7px;color:#ad6d34;background:#fff4e9;border:1px solid #f6e3d1;padding:6px 9px;border-radius:20px}.demo-pill i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d98a40;margin-right:5px}.icon-button{width:32px;height:32px;border:0;background:transparent;color:#858c95;display:grid;place-items:center;border-radius:7px}.icon-button:hover,.row-actions button:hover{background:#f1f2f4}.notification-button{position:relative}.notification-button svg{width:17px}.notification-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d7803c;right:5px;top:5px}.small-avatar{width:28px;height:28px;font-size:10px}.page-content{max-width:1360px;margin:0 auto;padding:35px 38px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{color:#c27a3b}.page-heading h1{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:7px 0 4px}.page-heading p,.section-heading p{margin:0;color:#9298a1;font-size:11px}.button{height:36px;padding:0 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600}.button-primary{background:#252b33;border:1px solid #252b33;color:#fff}.button-primary:hover{background:#3a414a}.button-primary svg{width:14px;height:14px}.button-outline{background:#fff;border:1px solid #e5e7eb;color:#525963}.button-quiet{background:#fff;border:1px solid #e6e8eb;color:#68707a}.demo-banner{border:1px solid #f0dfcc;background:#fff9f2;border-radius:8px;min-height:48px;padding:10px 13px;display:flex;align-items:center;gap:10px;color:#8b755f;font-size:10px;margin-bottom:18px}.demo-banner-icon{width:17px;height:17px;border-radius:50%;background:#f7e6d4;color:#b9783d;display:grid;place-items:center;font-weight:700;flex-shrink:0}.demo-banner b{color:#72583e}.demo-banner button{margin-left:auto;border:0;background:transparent;color:#bb7338;font-size:10px;font-weight:600;white-space:nowrap}.demo-banner button span{font-size:15px;margin-left:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.stat-card,.content-card{background:#fff;border:1px solid #e9ebef;border-radius:9px}.stat-card{padding:15px 16px 13px;min-height:112px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#828993;font-size:10px;margin-bottom:9px}.stat-card>strong{font:700 24px Manrope,sans-serif;letter-spacing:-.8px;display:block;color:#30363e}.stat-card>small{display:block;color:#9a9fa7;font-size:9px;margin-top:4px}.stat-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center}.stat-icon svg{width:13px;height:13px}.stat-icon.neutral{background:#f1f3f5;color:#858c95}.stat-icon.green{background:#eaf6f0;color:#39936e}.stat-icon.red{background:#fff0ef;color:#ce6a63}.up-dot{background:#4aab82}.down-dot{background:#d66d65}.content-card{padding:17px 18px}.monitor-card{margin-bottom:16px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font:700 13px Manrope,sans-serif;margin:0 0 4px;color:#30363e}.section-heading .button{height:31px;font-size:10px}.section-heading .button svg{width:13px;height:13px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:19px;border-bottom:1px solid #eef0f2;padding-bottom:10px}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:0;background:transparent;color:#9399a1;font-size:10px;padding:6px 9px;border-radius:5px}.filter-tabs button.chosen{background:#f3f4f6;color:#424951;font-weight:600}.filter-tabs button span{margin-left:4px;color:#b2b6bd}.search-box{height:29px;border:1px solid #e8eaed;border-radius:6px;display:flex;align-items:center;padding:0 8px;gap:6px;color:#a1a6ae}.search-box svg{width:13px;height:13px}.search-box input{border:0;outline:0;width:150px;font-size:10px;color:#414750}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead th{text-align:left;color:#a0a5ad;font-size:8px;letter-spacing:.8px;font-weight:700;padding:12px 8px 9px}tbody td{padding:11px 8px;border-top:1px solid #f0f1f3;font-size:10px;color:#777f88}tbody tr:hover{background:#fdfdfd}.monitor-name{display:flex;align-items:center;gap:9px;min-width:210px}.monitor-symbol{width:27px;height:27px;border:1px solid #e9ebee;border-radius:7px;display:grid;place-items:center;color:#9b754f;font-size:13px;background:#fffaf5}.muted-symbol{opacity:.45}.monitor-name b{display:block;color:#3c424a;font-size:10px;font-weight:600}.monitor-name small{display:block;color:#a1a6ae;font-size:9px;margin-top:3px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.up-badge{background:#edf7f2;color:#3e9874}.down-badge{background:#fff0ef;color:#c96660}.paused-badge{background:#f2f3f5;color:#888f98}.pending-badge{background:#fff7e9;color:#b5823f}.latency{color:#4e555e;font-size:10px;font-weight:500}.sparkline{width:54px;height:20px;vertical-align:middle;margin-left:8px}.uptime-cell{color:#4c9878;font-weight:600}.last-check{color:#9298a1}.row-actions{display:flex;gap:2px;justify-content:flex-end}.row-actions button{border:0;background:transparent;border-radius:5px;width:25px;height:25px;color:#9097a0;display:grid;place-items:center;font-size:11px}.row-actions svg{width:13px;height:13px}.table-footer{border-top:1px solid #eef0f2;padding-top:11px;display:flex;justify-content:space-between;color:#a0a5ad;font-size:9px}.table-footer b{color:#69717a;font-weight:600}.table-footer .status-dot{margin-left:5px;margin-right:0}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px}.uptime-card,.incidents-card{min-height:240px}.uptime-card .section-heading select{border:1px solid #e9ebef;border-radius:5px;padding:6px 8px;font-size:9px;color:#777f88;background:#fff}.chart-placeholder{height:154px;position:relative;margin:19px 5px 0 37px}.chart-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:18px;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#eff1f3 38px,#eff1f3 39px)}.chart-placeholder svg{position:absolute;top:0;right:0;bottom:18px;left:0;width:100%;height:calc(100% - 18px);overflow:visible}.chart-y{position:absolute;left:-38px;top:-5px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;color:#a6abb2;font-size:8px}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a6abb2;font-size:8px}.chart-footnote{display:flex;justify-content:space-between;color:#a1a6ad;font-size:8px;margin-top:3px}.chart-footnote span:first-child{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#d98237}.text-button{border:0;background:transparent;color:#c27a3b;font-size:9px}.activity-list{margin-top:15px}.activity-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f0f1f3}.activity-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:13px;height:13px}.activity-icon.success{background:#edf7f2;color:#419778}.activity-icon.danger{background:#fff0ef;color:#c96962}.activity-item div{min-width:0}.activity-item b{display:block;color:#535a63;font-size:9px;font-weight:600}.activity-item small{display:block;color:#a0a5ad;font-size:8px;margin-top:3px}.activity-item time{margin-left:auto;color:#a5aab1;font-size:8px;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;padding:21px 2px 0;color:#a2a7ae;font-size:9px}.page-footer span span{margin:0 5px;color:#d0d3d7}.page-footer a{color:#858c95;text-decoration:none;display:inline-flex;align-items:center;gap:3px}.page-footer svg{width:10px;height:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20252d66;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(100%,480px);background:#fff;border-radius:12px;padding:23px;box-shadow:0 20px 80px #151a2226}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font:700 20px Manrope,sans-serif;margin:6px 0}.modal-head p{font-size:11px;color:#9298a1;margin:0}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;color:#535a63;font-size:10px;font-weight:600}.modal input,.modal select{width:100%;height:38px;border:1px solid #e3e6e9;border-radius:6px;padding:0 10px;outline:0;color:#424951;background:#fff;font-size:11px}.modal input:focus,.modal select:focus{border-color:#d58a4c;box-shadow:0 0 0 3px #eebd922b}.modal input::placeholder{color:#b4b8be}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{display:flex;align-items:center;gap:7px;background:#f7f8f9;border-radius:6px;padding:10px;color:#858c95;font-size:9px}.form-note svg{width:14px;height:14px}.form-error{color:#bd514b;font-size:10px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.empty-state{text-align:center;padding:32px;color:#9298a1}.empty-state>span{font-size:27px}.empty-state b{display:block;color:#525962;font-size:12px;margin-top:8px}.empty-state p{font-size:10px}.toast{position:fixed;right:24px;bottom:22px;background:#262d35;color:#fff;padding:11px 15px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:10px;box-shadow:0 8px 30px #1c253322;z-index:20}.toast svg{width:14px;height:14px;color:#7fd0a8}@media(max-width:1100px){.sidebar{width:215px}.main-area{margin-left:215px}.page-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.stats-grid{gap:9px}.stat-card{padding:13px}.sparkline{display:none}.lower-grid{grid-template-columns:1fr}.incidents-card{min-height:0}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:13px 17px;border-right:0;border-bottom:1px solid #e9ebef;display:block}.brand{margin:0}.brand small,.workspace-label,.workspace-switch,.nav-label,.sidebar-bottom{display:none}.side-nav{display:flex;margin:14px 0 0;overflow-x:auto}.side-nav button{white-space:nowrap;padding:8px 10px}.main-area{margin-left:0}.topbar{height:49px;padding:0 17px}.page-content{padding:25px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:21px}.page-heading p{max-width:230px;line-height:1.5}.page-heading>.button{flex-shrink:0;padding:0 9px;font-size:10px}.demo-banner{align-items:flex-start;line-height:1.5}.demo-banner button{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:102px}.table-toolbar{align-items:flex-start;gap:9px;flex-direction:column}.search-box,.search-box input{width:100%}.lower-grid{grid-template-columns:1fr}.page-footer{gap:9px;flex-direction:column}.demo-pill{font-size:8px}.top-actions{gap:10px}}@media(max-width:420px){.page-heading{flex-direction:column}.page-heading>.button{align-self:flex-start}.form-grid{grid-template-columns:1fr}.modal{padding:18px}.filter-tabs{width:100%;justify-content:space-between}.content-card{padding:14px}.stats-grid{gap:8px}.stat-card>strong{font-size:21px}}.config-cell{color:#737b85;font-size:10px;white-space:nowrap}.row-actions button:focus-visible,.button:focus-visible,.filter-tabs button:focus-visible,.icon-button:focus-visible{outline:2px solid #d58a4c;outline-offset:2px}.modal-backdrop{overflow-y:auto}.modal{max-height:calc(100vh - 36px);overflow-y:auto}@media(max-width:760px){.config-cell{white-space:normal;min-width:155px}.table-footer{gap:8px;flex-wrap:wrap}}.heading-actions{display:flex;align-items:center;gap:8px}.heading-actions .button-outline svg{width:13px;height:13px}.live-pill{font-size:9px;font-weight:700;letter-spacing:.7px;color:#3c9875;background:#edf7f2;border:1px solid #dcefe5;padding:6px 9px;border-radius:20px}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4aab82;margin-right:5px}.api-banner{border:1px solid #f0dfcc;background:#fff9f2;border-radius:8px;min-height:48px;padding:10px 13px;display:flex;align-items:center;gap:10px;color:#8b755f;font-size:10px;line-height:1.5;margin-bottom:18px}.api-banner b{color:#72583e}.api-banner code{font-size:10px;background:#f6eadc;padding:2px 4px;border-radius:3px}.api-banner button{margin-left:auto;border:0;background:transparent;color:#bb7338;font-size:10px;font-weight:700;white-space:nowrap}.error-banner{border-color:#f0d7d5;background:#fff6f5;color:#9b5b57}.error-banner b{color:#9d4944}.history-modal{width:min(100%,760px)}.history-chart-section,.history-results{border-top:1px solid #eef0f2;padding-top:16px;margin-top:16px}.history-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.history-section-title h3{font:700 12px Manrope,sans-serif;color:#30363e;margin:0}.history-section-title>span{font-size:9px;color:#a0a5ad}.chart-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a0a5ad;text-align:center}.chart-empty svg{width:22px;height:22px;color:#c58a56}.chart-empty b{font-size:10px;color:#656d76}.chart-empty span{font-size:9px;max-width:340px;line-height:1.5}.response-chart-wrap{padding:5px 0 0}.chart-summary{display:flex;align-items:center;justify-content:space-between;color:#9298a1;font-size:9px}.chart-summary b{font:700 15px Manrope,sans-serif;color:#343b43}.response-chart{display:block;width:100%;height:155px;overflow:visible;margin-top:8px}.chart-grid-line{stroke:#edf0f2;stroke-width:1}.response-line{fill:none;stroke:#d98237;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.response-point{fill:#fff;stroke:#d98237;stroke-width:2}.chart-axis-labels{display:flex;justify-content:space-between;color:#a1a6ad;font-size:8px}.history-table-wrap{overflow:auto;max-height:250px}.history-table-wrap table{min-width:590px}.history-table-wrap td{white-space:normal;max-width:190px}.history-no-results{padding:26px;text-align:center;color:#9298a1;background:#fafbfc;border-radius:7px;font-size:10px}@media(max-width:760px){.heading-actions{flex-wrap:wrap;justify-content:flex-end}.api-banner{align-items:flex-start}.api-banner button{margin-left:0}.history-modal{padding:18px}.history-section-title{align-items:flex-start;gap:8px;flex-direction:column}}@media(max-width:420px){.page-heading{flex-direction:row;align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.heading-actions .button{font-size:9px;padding:0 8px}.page-heading h1{font-size:20px}}
