:root{color:#172943;font-synthesis:none;--navy:#0d2b5b;--blue:#1769e0;--border:#d8e0eb;--muted:#66768d;--danger:#d14343;--success:#1d9b6c;--warning:#d58a12;background:#f3f6fa;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f6fa;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}code,pre,textarea.code-label{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.login-page{background:radial-gradient(circle at 20% 10%,#e5efff 0,#0000 34%),#f3f6fa;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(100%,420px);padding:40px;box-shadow:0 24px 64px #0d2b5b1f}.login-brand,.wordmark{color:var(--navy);letter-spacing:-.35px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#1769e0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;display:inline-grid}.login-card h1{margin-top:34px;font-size:27px}.login-card>p{color:var(--muted);margin:9px 0 28px;font-size:14px}.login-card form,.stack-form{gap:16px;display:grid}label{color:#334862;gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#172943;background:#fff;border:1px solid #c9d4e2;border-radius:7px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01f}.app-shell{grid-template-rows:68px 1fr;grid-template-columns:222px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:30;background:var(--navy);color:#fff;grid-area:1/1/auto/-1;align-items:center;gap:17px;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #071a383d}.topbar .wordmark{color:#fff;text-decoration:none}.topbar-spacer{flex:1}.menu-button,.icon-button{color:inherit;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.menu-button{display:none}.menu-button:hover,.icon-button:hover{background:#ffffff18}.updated,.syncing{color:#dbe8fb;align-items:center;gap:7px;font-size:13px;display:flex}.user-control{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.user-control>span:nth-child(2){gap:2px;display:grid}.user-control small{color:#b9c9e0;font-size:10px;font-weight:500}.avatar{color:#526c92;background:#edf3ff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.sidebar{z-index:20;color:#cbd9ed;background:#092753;flex-direction:column;grid-area:2/1;height:calc(100vh - 68px);padding:22px 12px 16px;display:flex;position:sticky;top:68px}.nav-heading{color:#7892b8;letter-spacing:1.4px;text-transform:uppercase;padding:0 13px 10px;font-size:10px;font-weight:800}.nav-item{width:100%;height:49px;color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;padding:0 13px;font-size:14px;font-weight:650;display:flex;position:relative}.nav-item>span{place-items:center;display:grid}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;background:#1769e0;box-shadow:0 7px 18px #051c3e4d}.nav-item em{color:#fff;text-align:center;background:#d14343;border-radius:20px;min-width:21px;margin-left:auto;padding:3px 6px;font-size:10px;font-style:normal}.sidebar-foot{color:#92a7c5;border-top:1px solid #ffffff18;margin-top:auto;padding:14px 13px 2px;font-size:12px}.system-dot,.result-dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #1d9b6c25}.main-content{grid-area:2/2;width:100%;max-width:1580px;padding:34px 34px 60px}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;min-height:80px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.4px;margin-bottom:6px;font-weight:850;color:#1769e0!important;font-size:10px!important}.page-head h1{color:#132742;letter-spacing:-.6px;font-size:29px}.page-head p:not(.eyebrow),.panel-head p{color:var(--muted);margin-top:7px;font-size:13px}.headline-stat{justify-items:end;min-width:180px;padding-top:5px;display:grid}.headline-stat strong{color:var(--navy);font-size:30px}.headline-stat span{color:var(--muted);font-size:12px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:13px;font-weight:750;display:inline-flex}.button.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1769e028}.button.primary:hover{background:#105bc7}.button.secondary{color:#304965;background:#fff;border-color:#cbd6e4}.button.compact{min-height:34px;padding:0 12px;font-size:12px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:3px;font-size:12px;font-weight:750;display:inline-flex}.danger-text{color:var(--danger)!important}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px;display:grid}.status-card{border:1px solid var(--border);color:#40536c;text-align:left;background:#fff;border-top:3px solid #8291a5;border-radius:9px;align-content:space-between;justify-items:start;min-height:142px;padding:20px;display:grid;box-shadow:0 3px 10px #0d2b5b0a}.status-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d2b5b12}.status-card.healthy{border-top-color:var(--success)}.status-card.failing{border-top-color:var(--danger)}.status-card.unknown{border-top-color:#8291a5}.status-card.maintenance{border-top-color:var(--warning)}.status-card>span{font-size:13px;font-weight:750}.status-card strong{color:#172943;font-size:34px}.status-card small{color:var(--muted);align-items:center;display:flex}.panel{border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #0d2b5b0a}.panel.spaced{margin-top:20px}.panel-head{border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:17px 20px;display:flex}.panel-head h2{font-size:16px}.dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:19px;margin-bottom:19px;display:grid}.chart-wrap{padding:13px 19px 7px}.chart-wrap svg{width:100%;height:210px;display:block;overflow:visible}.grid-line{stroke:#e8edf3;stroke-width:1px}.axis-text{fill:#8492a5;font-size:9px}.availability-line{fill:none;stroke:var(--blue);stroke-width:3px;stroke-linejoin:round}.availability-point{fill:#fff;stroke:var(--blue);stroke-width:2px}.chart-empty{min-height:220px;color:var(--muted);place-items:center;font-size:13px;display:grid}.live-dot{color:var(--success);letter-spacing:.8px;background:#e8f8f2;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:850}.attention-panel{flex-direction:column;padding-bottom:20px;display:flex}.attention-panel .panel-head{width:100%}.attention-panel>strong{color:var(--danger);margin:23px 20px 0;font-size:45px}.attention-panel>span{color:var(--muted);margin:2px 20px 23px;font-size:12px}.attention-panel .text-button{align-self:flex-start;margin:auto 15px 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{color:#64758c;letter-spacing:.4px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f7f9fc;padding:12px 17px;font-size:10px}td{color:#354a64;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #e7ecf2;max-width:400px;padding:14px 17px;overflow:hidden}tbody tr:not(.output-row){cursor:pointer}tbody tr:not(.output-row):hover{background:#f6f9fe}.empty-cell{height:120px;color:var(--muted);text-align:center}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-healthy,.badge-resolved,.badge-sent{color:#147c56;background:#e7f7f1}.badge-failing,.badge-open,.badge-failed{color:#b93838;background:#fcebea}.badge-unknown{color:#697789;background:#edf0f4}.badge-maintenance,.badge-queued{color:#9a650e;background:#fff4db}.badge-suppressed{color:#5d6978;background:#ebeef3}.monitor-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:18px;display:grid}.monitor-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;min-width:0;padding:20px;display:flex;box-shadow:0 3px 12px #0d2b5b0a}.monitor-card-head{grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.script-icon{color:#5d6c80;background:#edf2f8;border-radius:9px;place-items:center;width:43px;height:43px;font-family:monospace;font-weight:800;display:grid}.script-icon.status-healthy{color:var(--success);background:#e7f7f1}.script-icon.status-failing{color:var(--danger);background:#fcebea}.script-icon.status-maintenance{color:var(--warning);background:#fff4db}.monitor-card h2{color:#172943;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.monitor-card code{color:#718096;font-size:10px}.monitor-card>p{min-height:42px;color:var(--muted);margin:18px 0;font-size:12px;line-height:1.6}.monitor-card dl{background:#f7f9fc;border-radius:7px;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 20px;padding:15px;display:grid}.monitor-card dl div{gap:3px;display:grid}.monitor-card dt{color:#8190a3;text-transform:uppercase;font-size:9px}.monitor-card dd{color:#334862;margin:0;font-size:12px;font-weight:700}.monitor-card footer{border-top:1px solid #e6ebf1;align-items:center;gap:8px;margin-top:auto;padding-top:15px;display:flex}.notice-line{align-items:center;gap:6px;display:flex;min-height:auto!important;color:var(--warning)!important;margin:-7px 0 12px!important}.action-menu{margin-left:auto;position:relative}.action-menu>div{z-index:5;border:1px solid var(--border);background:#fff;border-radius:7px;width:145px;padding:6px;display:none;position:absolute;bottom:35px;right:0;box-shadow:0 10px 25px #0d2b5b24}.action-menu:hover>div,.action-menu:focus-within>div{display:grid}.action-menu div button{color:#354a64;text-align:left;background:0 0;border:0;border-radius:5px;padding:9px;font-size:11px}.action-menu div button:hover{background:#f1f5fa}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071a38a8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.editor-modal{background:#fff;border-radius:12px;width:min(920px,100%);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 25px 80px #06152c66}.editor-modal>header,.event-drawer>header{z-index:2;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:21px 24px;display:flex;position:sticky;top:0}.editor-modal header h2,.event-drawer header h2{font-size:19px}.editor-modal form{padding:22px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.span-2{grid-column:1/-1}.toggle-label{align-items:center;gap:8px;display:flex}.toggle-label input{width:auto}.code-label{margin-top:18px}.code-label textarea{color:#e6edf7;tab-size:2;background:#0c1c33;border-color:#b8c5d5;border-radius:7px;min-height:300px;padding:16px;font:12px/1.65 SFMono-Regular,Consolas,monospace}.form-hint{color:var(--muted);margin-top:8px;font-size:11px}.form-error{font-size:12px;color:var(--danger)!important}.editor-modal footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.event-drawer{background:#fff;width:min(510px,100%);height:100%;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-15px 0 50px #06152c45}.drawer-body{padding:24px}.incident-message{color:#354a64;margin:14px 0 20px;font-size:15px;line-height:1.6}.detail-list{background:#f6f8fb;border-radius:8px;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:18px;display:grid}.detail-list div{gap:4px;display:grid}.detail-list dt{color:#7a899b;font-size:10px}.detail-list dd{margin:0;font-size:12px;font-weight:700}.button-row{gap:9px;margin-top:18px;display:flex}.drawer-section{border-top:1px solid var(--border);margin-top:27px;padding-top:22px}.drawer-section h3{margin-bottom:14px;font-size:14px}.note{border-left:3px solid var(--blue);background:#f5f8fc;margin-bottom:9px;padding:12px}.note p{font-size:12px;line-height:1.55}.note small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.note-form{gap:8px;margin-top:12px;display:grid}.note-form textarea{min-height:80px}.note-form button{justify-self:end}.notification-line{border:1px solid #e2e8f0;border-radius:7px;grid-template-columns:auto 1fr;gap:6px 10px;margin-bottom:9px;padding:11px;font-size:11px;display:grid}.notification-line time{color:var(--muted);grid-column:2;font-size:9px}.result-dot.success{background:var(--success)}.result-dot.failure{background:var(--danger)}.output-row td{background:#0b192c;padding:0}.output-row pre{color:#d9e5f5;white-space:pre-wrap;max-height:300px;margin:0;padding:18px;font-size:11px;line-height:1.6;overflow:auto}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stack-form{padding:20px}.stack-form .button{justify-self:start}.flash-message,.error-banner{color:#24558f;background:#edf5ff;border:1px solid #bcd2ef;border-radius:7px;margin-bottom:18px;padding:12px 15px;font-size:12px}.error-banner{color:#a73535;background:#fff0f0;border-color:#edc4c4;justify-content:space-between;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-weight:800}.muted{color:var(--muted);font-size:12px}.sidebar-scrim{display:none}@media (width<=1120px){.monitor-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:1fr}.attention-panel{min-height:220px}.attention-panel>strong{margin-top:16px}}@media (width<=800px){.app-shell{grid-template-columns:minmax(0,1fr)}.topbar{padding:0 15px}.menu-button{display:grid}.wordmark>span:last-child,.updated,.user-control>span:nth-child(2),.user-control>svg{display:none}.sidebar{width:240px;transition:transform .2s;position:fixed;top:68px;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:15;background:#071a385f;border:0;display:block;position:fixed;inset:68px 0 0}.main-content{grid-column:1;padding:25px 18px 45px}.status-grid{grid-template-columns:1fr 1fr}.monitor-grid,.settings-grid{grid-template-columns:1fr}.page-head{align-items:center;min-height:auto}.headline-stat{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-backdrop{padding:0}.editor-modal{border-radius:0;max-height:100vh}.event-drawer{width:100%}.code-label textarea{min-height:260px}}@media (width<=480px){.status-grid{gap:10px}.status-card{min-height:120px;padding:15px}.status-card strong{font-size:29px}.page-head{display:grid}.page-head>.button{justify-self:start}.detail-list{grid-template-columns:1fr}.button-row{display:grid}.editor-modal form,.editor-modal>header{padding:18px}}