:root{font-family:Inter,Noto Sans TC,Segoe UI,sans-serif;color:#17243a;background:#f3f6fb;font-synthesis:none;--ops-navy: #07182d;--ops-blue: #1463e6;--ops-blue-soft: #eaf2ff;--ops-border: #dbe4f0;--ops-muted: #6e7c91;--ops-green: #13875d;--ops-amber: #b77708;--ops-red: #c63b49}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.ops-body{margin:0;background:#f3f6fb}.spin{animation:ops-spin .9s linear infinite}@keyframes ops-spin{to{transform:rotate(360deg)}}.ops-brand{display:flex;align-items:center;gap:12px}.ops-brand>span{display:grid;place-items:center;width:42px;height:42px;color:#d7e4f7;background:#33465f;border-radius:10px}.ops-brand strong{display:block;color:#dce6f5;font-size:20px;letter-spacing:-.5px}.ops-brand strong span{color:#2e76e8}.ops-brand small{display:block;margin-top:3px;color:#7e8ea5;font-size:10px;font-weight:700;letter-spacing:.9px}.ops-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.ops-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:21px 12px 12px;color:#fff;background:var(--ops-navy)}.ops-sidebar>.ops-brand{padding:0 6px}.ops-sidebar nav{display:grid;gap:8px;margin-top:44px}.ops-sidebar nav button{display:flex;align-items:center;gap:14px;padding:15px 16px;color:#7f90a8;border:0;border-radius:9px;background:transparent;font-weight:700;text-align:left}.ops-sidebar nav button:hover,.ops-sidebar nav button.is-active{color:#fff;background:#123d8c}.ops-sidebar-user{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;gap:9px;align-items:center;margin-top:auto;padding:14px 5px 2px;border-top:1px solid #1b2c42}.ops-sidebar-user>span{display:grid;place-items:center;width:38px;height:38px;color:#a9b8cb;background:#12243a;border:1px solid #263a53;border-radius:50%;font-weight:800}.ops-sidebar-user strong,.ops-sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-sidebar-user strong{color:#c6d1e0;font-size:13px}.ops-sidebar-user small{margin-top:3px;color:#6f8098;font-size:10px}.ops-sidebar-user button{display:grid;place-items:center;color:#74869d;border:0;background:transparent}.ops-workspace{min-width:0}.ops-topbar,.ops-mobile-nav{display:none}.ops-content{max-width:1600px;margin:0 auto;padding:20px 30px 44px}.ops-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.ops-page-header h1{margin:0;color:#10223b;font-size:30px;letter-spacing:-1px}.ops-page-header p{margin:6px 0 0;color:var(--ops-muted);font-size:13px}.ops-page-actions{display:flex;gap:10px}.ops-page-actions button,.ops-server-selector{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;color:#263d5d;border:1px solid #cbd7e7;border-radius:9px;background:#fff;font-weight:700}.ops-server-selector{cursor:default}.ops-loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:280px;color:var(--ops-muted)}.ops-metric-band{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));margin-bottom:17px;overflow:hidden;border:1px solid var(--ops-border);border-radius:12px;background:#fff}.ops-metric-item{position:relative;min-height:104px;padding:20px 23px;border-right:1px solid var(--ops-border)}.ops-metric-item:last-child{border-right:0}.ops-metric-item span{display:block;color:#64748a;font-size:12px;font-weight:700}.ops-metric-item strong{display:block;margin-top:12px;color:#10233d;font-size:25px}.ops-metric-item>i{position:absolute;right:18px;bottom:25px;width:8px;height:8px;border-radius:50%;background:currentColor}.ops-metric-item.is-healthy{color:var(--ops-green)}.ops-metric-item.is-warning{color:var(--ops-amber)}.ops-metric-item.is-critical{color:var(--ops-red)}.ops-metric-item.is-accent strong{color:var(--ops-blue)}.ops-secondary-tabs,.ops-dialog-tabs{display:flex;align-items:center;gap:26px;margin-bottom:18px;border-bottom:1px solid #d6e0ec}.ops-secondary-tabs button,.ops-dialog-tabs button{position:relative;padding:11px 2px 13px;color:#64748a;border:0;background:transparent;font-size:13px;font-weight:700;white-space:nowrap}.ops-secondary-tabs button.is-active,.ops-dialog-tabs button.is-active{color:var(--ops-blue)}.ops-secondary-tabs button.is-active:after,.ops-dialog-tabs button.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--ops-blue)}.ops-secondary-tabs .ops-tab-refresh{margin-left:auto;display:flex;align-items:center;gap:5px}.ops-helper{margin:-8px 0 14px;color:var(--ops-muted);font-size:11px}.ops-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:16px;align-items:start}.ops-panel{min-width:0;padding:0 18px 18px;border:1px solid var(--ops-border);border-radius:12px;background:#fff;box-shadow:0 2px 8px #182d4b08}.ops-panel-title{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6}.ops-panel-title h2{margin:0;color:#1a2b43;font-size:15px}.ops-project-panel{grid-row:span 2}.ops-side-stack{display:grid;gap:16px}.ops-trend-panel{grid-column:1 / -1}.ops-text-button,.ops-link-button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:var(--ops-blue);border:1px solid #cddcf2;border-radius:7px;background:#f8fbff;font-size:12px;font-weight:800}.ops-link-button{padding:4px;border:0;background:transparent}.ops-project-table,.ops-account-table,.ops-data-table,.ops-security-table{overflow-x:auto}.ops-project-row,.ops-project-table .ops-row-button{display:grid;grid-template-columns:minmax(180px,1.5fr) 105px 60px 85px 100px 90px 100px 20px;gap:10px;align-items:center;min-width:880px}.ops-account-table .is-head,.ops-account-table .ops-row-button{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(130px,1fr) 100px 120px 20px;gap:12px;align-items:center;min-width:700px}.ops-project-row.is-head,.ops-account-table .is-head,.ops-data-table .is-head,.ops-security-table .is-head{padding:12px 7px;color:#76849a;font-size:10px;font-weight:800;text-transform:uppercase}.ops-row-button{width:100%;color:#2b3e58;border:0;border-top:1px solid #edf1f6;background:transparent;text-align:left}.ops-project-table .ops-row-button,.ops-account-table .ops-row-button{padding:15px 7px}.ops-row-button:hover{background:#f7faff}.ops-project-name strong,.ops-project-name small,.ops-account-table strong,.ops-account-table small{display:block}.ops-project-name small,.ops-account-table small{margin-top:4px;color:#77869a;font-size:10px}.ops-http{color:#52627a}.ops-http.is-healthy{color:var(--ops-green)}.ops-http.is-critical{color:var(--ops-red)}.ops-status-dot{display:inline-flex;align-items:center;gap:7px;color:#617087;font-size:11px;white-space:nowrap}.ops-status-dot i{width:8px;height:8px;flex:none;border-radius:50%;background:#8b99aa}.ops-status-dot.is-healthy i{background:var(--ops-green)}.ops-status-dot.is-warning i{background:var(--ops-amber)}.ops-status-dot.is-critical i{background:var(--ops-red)}.ops-incident-list article,.ops-compact-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f6}.ops-compact-list article{grid-template-columns:minmax(0,1fr);gap:4px}.ops-incident-list article:last-child,.ops-compact-list article:last-child{border-bottom:0}.ops-incident-list div{min-width:0}.ops-incident-list strong,.ops-compact-list strong{display:block;color:#273a55;font-size:12px}.ops-incident-list span,.ops-incident-list time,.ops-compact-list span,.ops-compact-list small{color:#77869a;font-size:10px}.ops-incident-list time{white-space:nowrap}.is-critical{color:var(--ops-red)}.is-warning{color:var(--ops-amber)}.ops-empty{display:flex;min-height:100px;justify-content:center;align-items:center;gap:9px;color:#8290a2;font-size:12px}.ops-server-overview{padding-top:15px}.ops-meter{margin-bottom:13px}.ops-meter>span{display:flex;justify-content:space-between;color:#68778c;font-size:11px}.ops-meter>i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e6ecf3}.ops-meter b{display:block;height:100%;background:var(--ops-blue)}.ops-meter b.is-healthy{background:var(--ops-green)}.ops-meter b.is-critical{background:var(--ops-red)}.ops-service-list{display:grid;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid #edf1f6}.ops-service-list>span{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ops-trend-legend,.ops-trend-axis{display:flex;justify-content:space-between;color:#78879a;font-size:10px}.ops-trend-legend{padding:16px 0 8px}.ops-trend-legend i{display:inline-block;width:18px;height:2px;margin-right:6px;background:var(--ops-blue);vertical-align:middle}.ops-trend-panel svg{width:100%;height:160px;overflow:visible}.ops-trend-panel svg path{stroke:#e4ebf4;stroke-width:.35}.ops-trend-panel svg polyline{fill:none;stroke:var(--ops-blue);stroke-width:.8;vector-effect:non-scaling-stroke}.ops-system-overview,.ops-system-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-wide-panel{grid-column:1 / -1}.ops-definition-list{display:grid;gap:0;margin:0;padding-top:7px}.ops-definition-list div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f6}.ops-definition-list div:last-child{border-bottom:0}.ops-definition-list dt{color:#718096;font-size:11px}.ops-definition-list dd{margin:0;color:#293e5a;font-size:11px;font-weight:700;text-align:right}.ops-definition-list.is-inline{grid-template-columns:repeat(4,1fr)}.ops-definition-list.is-inline div{display:block;text-align:center}.ops-definition-list.is-inline dd{margin-top:6px;text-align:center}.ops-process-table>div,.ops-detail-process>div{display:grid;grid-template-columns:1.1fr 100px 80px 80px 100px 1.5fr;gap:12px;align-items:center;min-width:750px;padding:13px 7px;border-bottom:1px solid #edf1f6;font-size:11px}.ops-detail-process>div{grid-template-columns:1fr 100px 70px 100px 1.3fr;min-width:620px}.ops-filter-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px 0}.ops-filter-bar input,.ops-filter-bar select,.ops-action-form input,.ops-action-form select{min-height:38px;padding:0 11px;color:#2a405d;border:1px solid #cfdbe9;border-radius:7px;background:#fff}.ops-filter-bar input{min-width:220px;flex:1}.ops-inline-check{display:flex;align-items:center;gap:6px;color:#53647b;font-size:12px}.ops-log-preview{min-height:260px;max-height:520px;overflow:auto;margin:10px 0 0;padding:14px;color:#cfe1f8;border-radius:8px;background:#09192d;font:11px/1.65 Consolas,Courier New,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.ops-security-table>div{display:grid;grid-template-columns:1.2fr 1fr 90px 90px 130px;gap:12px;min-width:650px;align-items:center;padding:13px 7px;border-bottom:1px solid #edf1f6;font-size:11px}.ops-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #edf1f6;color:#68788e;font-size:11px}.ops-pagination button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;color:#2b4e7d;border:1px solid #d3dfed;border-radius:7px;background:#fff}.ops-notice{margin:10px 0;padding:11px 13px;color:#29527f;border:1px solid #c7dcf5;border-radius:8px;background:#edf6ff;font-size:12px}.ops-notice.is-error{color:#9c2634;border-color:#f1c2c8;background:#fff1f3}.ops-notice.is-success{color:#176c4f;border-color:#b8e3d3;background:#edfaf5}.ops-field-error{color:var(--ops-red);font-size:11px}.ops-action-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.ops-unlock-form{display:flex;align-items:flex-end;gap:10px;margin:14px 0}.ops-unlock-form label{flex:1;color:#52637a;font-size:11px;font-weight:700}.ops-unlock-form input{width:100%;min-height:40px;margin-top:6px;padding:0 11px;border:1px solid #cbd8e8;border-radius:7px}.ops-unlock-form button,.ops-action-grid button,.ops-action-form button{min-height:40px;padding:0 13px;color:#fff;border:0;border-radius:7px;background:var(--ops-blue);font-weight:700}.ops-unlocked{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.ops-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.ops-action-grid button{display:flex;justify-content:center;align-items:center;gap:6px;background:#244e84}.ops-action-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}.ops-action-form h3{grid-column:1 / -1;margin:0;font-size:12px}.ops-login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 30% 10%,#153b71,var(--ops-navy) 55%)}.ops-login-card{width:min(430px,100%);padding:34px;border:1px solid #27405e;border-radius:16px;background:#07182df0;box-shadow:0 25px 70px #00000059}.ops-login-copy{margin:30px 0 20px}.ops-login-copy h1{margin:0;color:#fff;font-size:27px}.ops-login-copy p{color:#8fa1ba;font-size:13px}.ops-login-card form{display:grid;gap:15px}.ops-login-card label{color:#b5c3d5;font-size:12px;font-weight:700}.ops-login-card input{width:100%;min-height:46px;margin-top:7px;padding:0 13px;color:#fff;border:1px solid #354b66;border-radius:8px;background:#0d233d}.ops-login-card form button{min-height:46px;color:#fff;border:0;border-radius:8px;background:var(--ops-blue);font-weight:800}.ops-login-note{display:flex;gap:7px;align-items:center;margin-top:18px;color:#70839d}.ops-dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#05101e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ops-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 30px 90px #07182d4d}.ops-dialog.is-wide{width:min(1050px,100%)}.ops-dialog>header{position:sticky;z-index:2;top:0;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 23px;border-bottom:1px solid var(--ops-border);background:#fff}.ops-dialog>header h2{margin:0;font-size:18px}.ops-dialog-heading-actions{display:flex;align-items:center;gap:9px}.ops-dialog-heading-actions>button:last-child{display:grid;place-items:center;color:#66778c;border:0;background:transparent}.ops-dialog-intro{margin:0;padding:18px 23px 0;color:#68788e;font-size:12px}.ops-dialog>.ops-notice{margin-right:23px;margin-left:23px}.ops-dialog-tabs{position:sticky;z-index:1;top:66px;margin:0;padding:0 23px;background:#fff}.ops-dialog-loading{display:flex;justify-content:center;align-items:center;gap:9px;min-height:220px;color:var(--ops-muted)}.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;padding:18px 23px 23px}.ops-form.is-single{grid-template-columns:1fr}.ops-form label{color:#53647b;font-size:12px;font-weight:750}.ops-form input,.ops-form select{width:100%;min-height:46px;margin-top:7px;padding:0 13px;color:#263d5c;border:1px solid #cbd8e8;border-radius:8px;outline:none}.ops-form input:focus,.ops-form select:focus{border-color:var(--ops-blue);box-shadow:0 0 0 3px #e6efff}.ops-form-check{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.ops-form-check input{width:18px;min-height:18px;margin:0}.ops-form footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;padding-top:10px}.ops-form footer button{min-height:44px;padding:0 18px;color:#fff;border:0;border-radius:8px;background:var(--ops-blue);font-weight:800}.ops-form footer button.is-secondary{color:#425671;border:1px solid #cad6e5;background:#fff}.ops-confirm-code{display:block;margin:16px 23px 0;padding:12px;color:#9b2836;border-radius:7px;background:#fff0f2;font:700 13px Consolas,monospace}.ops-detail-layout{display:grid;gap:16px;padding:20px 23px 24px}.ops-detail-summary,.ops-detail-infra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ops-detail-summary>span,.ops-detail-infra>span{min-height:76px;padding:13px;border:1px solid #e0e8f2;border-radius:9px;background:#f8faff}.ops-detail-summary small,.ops-detail-infra small{display:block;margin-bottom:8px;color:#728198;font-size:10px}.ops-detail-layout h3{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:13px}.ops-detail-layout section>small{color:#7a899c;font-size:10px}.ops-history-dots{display:flex;flex-wrap:wrap;gap:5px;min-height:70px;align-content:flex-start;padding:16px;border:1px solid #e0e8f2;border-radius:9px}.ops-history-dots i{width:12px;height:22px;border-radius:3px;background:#aab5c3}.ops-history-dots i.is-healthy{background:var(--ops-green)}.ops-history-dots i.is-degraded{background:var(--ops-amber)}.ops-history-dots i.is-down{background:var(--ops-red)}@media(max-width:1100px){.ops-metric-band{grid-template-columns:repeat(3,1fr)}.ops-metric-item:nth-child(3){border-right:0}.ops-metric-item{border-bottom:1px solid var(--ops-border)}.ops-metric-item:nth-child(n+4){border-bottom:0}.ops-action-layout{grid-template-columns:1fr}}@media(max-width:760px){.ops-shell{display:block}.ops-sidebar{display:none}.ops-topbar{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:10px 16px;background:var(--ops-navy)}.ops-topbar .ops-brand>span{width:36px;height:36px}.ops-topbar .ops-brand strong{font-size:16px}.ops-mobile-refresh{color:#c8d7ea;border:0;background:transparent}.ops-mobile-nav{position:sticky;z-index:19;top:66px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 2px 8px #122a4814}.ops-mobile-nav button{min-height:48px;color:#6b7b90;border:0;border-bottom:2px solid transparent;background:#fff;font-size:12px;font-weight:800}.ops-mobile-nav button.is-active{color:var(--ops-blue);border-bottom-color:var(--ops-blue)}.ops-content{padding:18px 13px 34px}.ops-page-header{align-items:center}.ops-page-header h1{font-size:23px}.ops-page-header p,.ops-server-selector{display:none}.ops-page-actions button{width:42px;min-height:42px;padding:0;justify-content:center;font-size:0}.ops-metric-band{grid-template-columns:repeat(2,1fr)}.ops-metric-item{min-height:85px;padding:15px;border-right:1px solid var(--ops-border)!important;border-bottom:1px solid var(--ops-border)!important}.ops-metric-item:nth-child(2n){border-right:0!important}.ops-metric-item:nth-last-child(-n+2){border-bottom:0!important}.ops-metric-item strong{font-size:20px}.ops-secondary-tabs{gap:21px;overflow-x:auto;scrollbar-width:none}.ops-secondary-tabs .ops-tab-refresh{margin-left:0}.ops-dashboard-grid,.ops-system-overview,.ops-system-columns{grid-template-columns:1fr}.ops-project-panel{grid-row:auto}.ops-wide-panel,.ops-trend-panel{grid-column:auto}.ops-panel{padding:0 13px 14px;border-radius:10px}.ops-detail-summary,.ops-detail-infra,.ops-definition-list.is-inline,.ops-action-grid{grid-template-columns:repeat(2,1fr)}.ops-action-form{grid-template-columns:1fr}.ops-unlock-form{align-items:stretch;flex-direction:column}.ops-dialog-backdrop{align-items:end;padding:0}.ops-dialog,.ops-dialog.is-wide{width:100%;max-height:calc(100vh - 18px);border-radius:15px 15px 0 0}.ops-dialog>header{padding:0 16px}.ops-dialog-heading-actions .ops-text-button{padding:7px;font-size:0}.ops-dialog-tabs{padding:0 16px;overflow-x:auto}.ops-form{grid-template-columns:1fr;padding:16px}.ops-form-check,.ops-form footer{grid-column:auto}.ops-form footer{position:sticky;bottom:0;padding:10px 0 0;background:#fff}.ops-detail-layout{padding:16px}.ops-filter-bar{align-items:stretch;flex-direction:column}.ops-filter-bar input,.ops-filter-bar select{width:100%;min-width:0}.ops-log-preview{max-height:360px}.ops-pagination{flex-wrap:wrap;justify-content:center}.ops-pagination span{order:-1;width:100%;text-align:center}}