:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f2f3f5;--border:#e6e8eb;--border-strong:#d4d7dc;--text:#0b0d12;--text-2:#3b4250;--muted:#6b7280;--primary:#0b0d12;--primary-text:#fff;--primary-hover:#262a33;--online:#12b76a;--online-bg:#ecfdf3;--offline:#98a2b3;--offline-bg:#f2f4f7;--warn:#dc6803;--danger:#d92d20;--danger-bg:#fef3f2;--code-bg:#0d1117;--code-text:#e6edf3;--ring:#0b0d121f;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-lg:0 24px 48px -12px #1018282e;--radius:12px;--radius-sm:8px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--rate-down:#2e90fa;--rate-up:#f79009;--mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--surface:#12151c;--surface-2:#1a1e27;--border:#232835;--border-strong:#2f3545;--text:#f2f4f7;--text-2:#c9ced8;--muted:#8b93a3;--primary:#f2f4f7;--primary-text:#0b0d12;--primary-hover:#d0d5dd;--online:#32d583;--online-bg:#32d5831f;--offline:#667085;--offline-bg:#98a2b31f;--warn:#fdb022;--danger:#f97066;--danger-bg:#f970661f;--code-bg:#07090d;--rate-down:#53b1fd;--rate-up:#fdb022;--ring:#f2f4f729;--shadow:0 1px 2px #0006;--shadow-lg:0 24px 48px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.mono{font-family:var(--mono);font-size:13px}em.muted{margin-left:4px;font-size:12px;font-style:normal}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:focus-visible,.icon-btn:focus-visible,.segmented button:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-block{width:100%;height:40px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(.92)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-ghost-danger:hover:not(:disabled){background:var(--danger-bg)}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{color:var(--text-2);font-size:13px;font-weight:500}input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--muted)}input:focus{border-color:var(--text);box-shadow:0 0 0 3px var(--ring);outline:none}.input-group{gap:8px;display:flex}.input-group input{font-family:var(--mono)}.input-group .btn{height:40px}.form-error{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);margin-bottom:16px;padding:10px 12px;font-size:13px}.warn-text{color:var(--muted);margin-top:10px;font-size:13px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:0 12px;font-size:13px;font-weight:500}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.segmented-block{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segmented-block button{height:34px;padding:0 6px}.login-page{background:radial-gradient(1200px 600px at 50% -10%, var(--surface-2), transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px}.login-brand{align-items:center;gap:10px;margin-bottom:28px;font-weight:600;display:flex}.login-card h1{letter-spacing:-.01em;font-size:22px;font-weight:600}.login-card>p{margin:6px 0 24px}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.brand{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.topbar-right{align-items:center;gap:8px;display:flex}.container{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.02em;margin-bottom:4px;font-size:26px;font-weight:600}.page-actions{gap:8px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.stat-label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.search{flex:1;max-width:340px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search input{height:36px;padding-left:34px}.banner-error{background:var(--danger-bg);color:var(--danger);border-bottom:1px solid var(--border);padding:10px 16px;font-size:13px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 50%, transparent)}.table .right{text-align:right}.table .actions{white-space:nowrap}.table .actions .btn+.btn{margin-left:6px}.empty{text-align:center;color:var(--muted);padding:48px 16px!important}.notes-view{border-radius:var(--radius-sm);max-width:220px;color:inherit;font:inherit;text-align:left;cursor:text;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;display:inline-flex}.notes-view:hover,.notes-view:focus-visible{border-color:var(--border-strong);outline:none}.notes-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notes-view svg{width:13px;height:13px;color:var(--muted);opacity:0;flex:none;transition:opacity .15s}.notes-view:hover svg,.notes-view:focus-visible svg{opacity:1}.notes-input{width:220px;height:30px;padding:0 8px;font-size:13px}.pager{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.pager-nav{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.pill{border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-online{background:var(--online-bg);color:var(--online)}.pill-offline{background:var(--offline-bg);color:var(--muted)}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot-online{background:var(--online);box-shadow:0 0 0 3px color-mix(in srgb, var(--online) 22%, transparent)}.dot-offline{background:var(--offline)}.text-online{color:var(--online);font-weight:500}.offline-recent{color:var(--text-2);font-weight:500}.offline-warn{color:var(--warn);font-weight:500}.offline-danger{color:var(--danger);font-weight:500}.badge{background:var(--surface-2);border:1px solid var(--border);vertical-align:1px;border-radius:6px;padding:1px 8px;font-size:13px;font-weight:500;display:inline-block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0d1273;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.18s ease-out pop;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.modal-header h2{font-size:17px;font-weight:600}.modal-header p{margin-top:4px;font-size:13px}.modal-body{padding:20px 24px;overflow:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.code-block{background:var(--code-bg);color:var(--code-text);font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-height:52vh;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow:auto}.code-line{text-indent:-2em;padding-left:2em}.code-line+.code-line{margin-top:4px}.code-loading{color:#8b93a3;-webkit-user-select:none;user-select:none}.toasts{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;top:72px;right:24px}.toast{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 14px;font-size:13px;animation:.18s ease-out pop}.toast-error{background:var(--danger);color:#fff}.topbar-left{align-items:center;gap:28px;min-width:0;display:flex}.nav{gap:4px;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;padding:6px 10px;font-size:14px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);background:var(--surface-2)}.pill-warn{background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.icon-btn-danger:hover{color:var(--danger)}.card-banner{border-radius:var(--radius);border:none;margin-bottom:16px}.card.empty{box-shadow:var(--shadow)}.monitor-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:16px;display:grid}.monitor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:14px 14px 8px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.monitor-card:hover{border-color:var(--border-strong)}.monitor-card:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.monitor-card.active{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.monitor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.monitor-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.monitor-foot{justify-content:space-between;align-items:center;display:flex}.monitor-actions{display:flex}.monitor-error{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;padding-bottom:6px;overflow:hidden}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-card{border-bottom:1px solid var(--border);min-width:0;padding:14px 16px 6px}.chart-card:nth-child(odd){border-right:1px solid var(--border)}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.chart-title{min-width:0}.chart-name{align-items:baseline;gap:8px;min-width:0;display:flex}.chart-name .strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.limit-tag{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:6px;flex:none;padding:0 6px;font-size:12px;font-weight:400}.traffic-chart{width:100%}.rate-down{color:var(--rate-down)}.rate-up{color:var(--rate-up)}.toolbar-right{align-items:center;gap:8px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row .field-port{max-width:120px}.field-row:has(.field-port){grid-template-columns:1fr 120px}.checks{flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--text);box-shadow:none;margin:0}.share-token{letter-spacing:.06em;font-size:18px}.share-form{gap:8px;max-width:480px;margin-bottom:16px;padding:12px;display:flex}.share-form .btn{height:40px}.share-hint{margin-top:-4px}.share-chart{padding:16px}.share-rates{flex-wrap:wrap;gap:8px 32px;margin-bottom:8px;display:flex}.share-rates>span{flex-direction:column;display:flex}.share-rates b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}@media (width<=760px){.topbar-inner,.container{padding-left:16px;padding-right:16px}.container{padding-top:20px}.user{display:none}.page-head{flex-direction:column;align-items:stretch}.page-actions .btn{flex:1}.stats{gap:8px}.stat{padding:12px 14px}.stat-value{font-size:22px}.toolbar{flex-direction:column;align-items:stretch}.search{max-width:none}.segmented:not(.segmented-block){grid-template-columns:repeat(3,1fr);display:grid}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border-bottom:1px solid var(--border);padding:12px 16px}.table td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.table td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:12px}.notes-view svg{opacity:1}.brand span{display:none}.topbar-left{gap:12px}.chart-grid{grid-template-columns:1fr}.chart-card:nth-child(odd){border-right:none}.chart-card{padding:12px 12px 4px}.toolbar-right{justify-content:space-between}.share-chart{padding:12px}.notes-input{width:60%}.table td.actions{justify-content:flex-end;padding-top:10px}.table tbody tr:hover td{background:0 0}.toasts{left:16px;right:16px}}