@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f3f5;--border:#e9ecef;--border-hover:#dee2e6;--color-up:#12b886;--color-up-glow:#12b88626;--color-down:#fa5252;--color-down-glow:#fa525226;--color-paused:#fab005;--color-paused-glow:#fab00526;--color-warning:#fd7e14;--accent:#4c6ef5;--accent-light:#4c6ef51a;--accent-glow:#4c6ef533;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 2px 8px #0000000a;--shadow-up:0 0 15px var(--color-up-glow);--shadow-down:0 0 15px var(--color-down-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,svg{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.container{max-width:1320px;margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd9;padding:0 24px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;height:64px;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), #a855f7);border-radius:var(--radius-sm);width:36px;height:36px;box-shadow:0 0 16px var(--accent-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.logo-text{letter-spacing:-.3px;font-size:17px;font-weight:700}.logo-text span{color:var(--accent)}.navbar-meta{align-items:center;gap:12px;display:flex}.last-update{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.page-wrapper{max-width:1320px;margin:0 auto;padding:40px 24px 80px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:16px;padding:24px;transition:border-color .2s,transform .2s;display:flex}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-icon.up{background:var(--color-up-glow)}.stat-icon.down{background:var(--color-down-glow)}.stat-icon.pause{background:var(--color-paused-glow)}.stat-icon.total{background:var(--accent-light)}.stat-info{flex:1}.stat-value{letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.monitors-grid{flex-direction:column;gap:12px;display:flex}.monitor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:minmax(150px,1.5fr) minmax(200px,2fr) auto;align-items:center;gap:24px;padding:16px 24px;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden}.monitor-card:before{content:"";opacity:0;width:4px;height:auto;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.monitor-card.up:before{background:var(--color-up);opacity:1}.monitor-card.down:before{background:var(--color-down);opacity:1}.monitor-card.paused:before{background:var(--color-paused);opacity:1}.monitor-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.monitor-card.up:hover{box-shadow:var(--shadow-up)}.monitor-card.down:hover{box-shadow:var(--shadow-down)}.card-header{flex-direction:row;align-items:center;gap:16px;margin-bottom:0;display:flex}.card-name{color:var(--text-primary);word-break:break-word;font-size:15px;font-weight:600;line-height:1.3}.card-url{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:3px;overflow:hidden}.card-stats{border-top:none;justify-content:flex-end;align-items:center;gap:24px;margin-top:0;padding-top:0;display:flex}.card-stat{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.card-stat-value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.card-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.status-badge{letter-spacing:.3px;white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-badge.up{color:var(--color-up);background:#00d97e1f;border:1px solid #00d97e40}.status-badge.up .dot{background:var(--color-up);animation:2s infinite pulse-up}.status-badge.down{color:var(--color-down);background:#ff4d6d1f;border:1px solid #ff4d6d40}.status-badge.down .dot{background:var(--color-down);animation:1.5s infinite pulse-down}.status-badge.paused{color:var(--color-paused);background:#ffd1661a;border:1px solid #ffd16633}.status-badge.paused .dot{background:var(--color-paused)}.status-badge.warning{color:var(--color-warning);background:#ff9a3c1a;border:1px solid #ff9a3c33}.status-badge.warning .dot{background:var(--color-warning);animation:2s infinite pulse-down}.status-badge.unknown{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}.status-badge.unknown .dot{background:var(--text-muted)}@keyframes pulse-up{0%,to{box-shadow:0 0 #00d97e80}50%{box-shadow:0 0 0 5px #00d97e00}}@keyframes pulse-down{0%,to{box-shadow:0 0 #ff4d6d80}50%{box-shadow:0 0 0 5px #ff4d6d00}}.uptime-bar-wrapper{margin-top:12px}.uptime-bar-label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.uptime-bar-title{color:var(--text-muted);font-size:12px}.uptime-bar-pct{font-size:13px;font-weight:700;font-family:var(--font-mono)}.uptime-bar-pct.high{color:var(--color-up)}.uptime-bar-pct.medium{color:var(--color-warning)}.uptime-bar-pct.low{color:var(--color-down)}.uptime-bar-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.uptime-bar-fill{border-radius:3px;height:100%;transition:width .8s}.uptime-bar-fill.high{background:linear-gradient(90deg,#00d97e,#00f59b)}.uptime-bar-fill.medium{background:linear-gradient(90deg,#ff9a3c,#ffd166)}.uptime-bar-fill.low{background:linear-gradient(90deg,#ff4d6d,#ff7a92)}.detail-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.back-btn{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:28px;padding:0;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--text-primary)}.detail-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:24px;padding:32px}.detail-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.detail-title{letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:800}.detail-url{font-family:var(--font-mono);color:var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:4px 10px;font-size:13px;display:inline-block;overflow:hidden}.detail-meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.detail-meta-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;padding:16px}.detail-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.detail-meta-value{font-size:18px;font-weight:700;font-family:var(--font-mono)}.detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:20px;padding:24px}.detail-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.log-table{border-collapse:collapse;width:100%}.log-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.log-table td{border-bottom:1px solid #ffffff08;padding:12px;font-size:13px}.log-table tr:last-child td{border-bottom:none}.log-type-badge{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.log-type-badge.up{color:var(--color-up);background:#00d97e1f}.log-type-badge.down{color:var(--color-down);background:#ff4d6d1f}.log-type-badge.other{color:var(--text-muted);background:#ffffff0d}.chart-wrapper{width:100%;height:220px}.ssl-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:16px;padding:16px;display:flex}.ssl-icon{font-size:28px}.ssl-info{flex:1}.ssl-product{font-size:14px;font-weight:600}.ssl-expires{color:var(--text-muted);margin-top:2px;font-size:12px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-card{border-radius:var(--radius-lg);text-align:center;color:var(--color-down);background:#ff4d6d14;border:1px solid #ff4d6d40;padding:24px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state-icon{margin-bottom:12px;font-size:48px}.empty-state-text{font-size:15px}@media (max-width:768px){.monitors-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{padding:20px}.detail-title{font-size:20px}.page-wrapper{padding:24px 16px 60px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}