:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2327;background:#f3f5f6;font-synthesis:none;--navy: #172332;--navy-light: #223247;--blue: #2271b1;--blue-dark: #135e96;--green: #00a32a;--red: #d63638;--amber: #dba617;--text: #1d2327;--muted: #646970;--border: #d6d9dc;--surface: #fff;--soft: #f6f7f7}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #72aee6;outline-offset:2px}h1,h2,p{margin-top:0}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.loading-mark,.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;color:#fff;background:var(--blue);font-size:16px;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 26px #2271b13d}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr);background:var(--surface)}.login-intro{display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,110px);color:#fff;background:radial-gradient(circle at 18% 24%,rgba(34,113,177,.32),transparent 35%),linear-gradient(145deg,#172332,#1d3047)}.login-intro h1{max-width:640px;margin:24px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.04em}.login-intro>p:last-child{max-width:580px;color:#c4d1df;font-size:17px;line-height:1.7}.login-card{align-self:center;width:min(460px,calc(100% - 64px));margin:auto;display:grid;gap:20px}.login-card h2{margin:5px 0 7px;font-size:30px}.login-card .button{margin-top:4px}.eyebrow{margin-bottom:7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow.light{margin-top:34px;color:#8ec5ef}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px 18px;color:#fff;background:var(--navy)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark.small{width:40px;height:40px;border-radius:6px;font-size:12px;box-shadow:none}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:15px}.sidebar-brand span{margin-top:3px;color:#95a5b8;font-size:11px}.sidebar-nav{display:grid;gap:5px;margin-top:26px}.sidebar-nav button{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:6px;color:#b9c6d4;background:transparent;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.sidebar-nav button:hover{color:#fff;background:#ffffff0f}.sidebar-nav button.active{color:#fff;background:var(--navy-light);box-shadow:inset 3px 0 #72aee6}.nav-marker{width:8px;height:8px;border:2px solid currentColor;border-radius:50%;opacity:.8}.sidebar-nav button.active .nav-marker{border-color:#72aee6;background:#72aee6}.nav-count{margin-left:auto;min-width:22px;padding:3px 7px;border-radius:999px;color:#fff;background:var(--red);font-size:10px;text-align:center}.sidebar-footer{margin-top:auto;padding:18px 8px 4px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer span{display:block;margin-bottom:8px;color:#8394a7;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-footer button{padding:0;border:0;color:#dce5ed;background:transparent;font-size:13px;font-weight:600;cursor:pointer}.content{min-width:0;padding:0 clamp(24px,4vw,54px) 60px}.topbar{display:flex;align-items:center;justify-content:space-between;height:70px;margin:0 calc(clamp(24px,4vw,54px)*-1) 38px;padding:0 clamp(24px,4vw,54px);border-bottom:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar>div{display:flex;align-items:center;gap:7px;color:#8c8f94;font-size:12px}.topbar>div span:after{content:"/";margin-left:7px}.topbar strong{color:var(--text)}.system-state{display:inline-flex;align-items:center;gap:8px;color:#50575e;font-size:12px;font-weight:600}.system-state i,.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #00a32a21}.page-header{display:flex;align-items:flex-start;justify-content:space-between;max-width:1400px;margin:0 auto 26px}.page-header h1{margin:0 0 8px;font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.025em}.page-header p:last-child{margin:0;color:var(--muted);line-height:1.55}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1400px;margin:0 auto 20px}.stat-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;min-height:142px;padding:22px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 8px 22px #1d23270e}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#8c8f94}.stat-card.is-ok:before{background:var(--green)}.stat-card.is-info:before{background:var(--blue)}.stat-card.is-warn:before{background:var(--amber)}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#8c8f94;font-size:14px;font-weight:800}.is-ok .stat-icon{background:var(--green)}.is-info .stat-icon{background:var(--blue)}.is-warn .stat-icon{color:#1d2327;background:#f0c33c}.stat-card small{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-card strong{display:block;font-size:31px;line-height:1.15}.stat-card p{margin:6px 0 0;color:var(--muted);font-size:12px}.status-pill{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:2px 9px;border:1px solid #dcdcde;border-radius:999px;color:#50575e;background:#ffffffeb;font-size:10px;font-weight:700}.is-warn .status-pill i{background:var(--amber);box-shadow:0 0 0 3px #dba61726}.panel{max-width:1400px;margin:0 auto 20px;padding:22px;border:1px solid #c3c4c7;background:var(--surface);box-shadow:0 1px 1px #0000000a}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-2px 0 18px;padding-bottom:15px;border-bottom:1px solid #e7e8e9}.panel-heading h2{margin:0 0 5px;font-size:17px}.panel-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.flush-panel{padding:0;overflow:hidden}.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1400px;margin:0 auto}.layout-grid>.panel{width:100%}.form-layout{grid-template-columns:minmax(360px,.78fr) minmax(460px,1.22fr)}.form-panel{align-self:start;display:grid;gap:16px}.field-grid{display:grid;gap:14px}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:7px;color:#3c434a;font-size:12px;font-weight:650}input,select,textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #8c8f94;border-radius:4px;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9aa0a6}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);outline:0}textarea{min-height:112px;resize:vertical}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.checkbox-field{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px;border:1px solid #dcdcde;border-radius:4px;background:var(--soft);cursor:pointer}.checkbox-field input{width:16px;min-height:16px;margin:2px 0 0}.checkbox-field strong,.checkbox-field small{display:block}.checkbox-field small{margin-top:3px;color:var(--muted);font-weight:400;line-height:1.4}.form-actions{display:flex;justify-content:flex-end;padding-top:3px}.disclosure{border:1px solid #dcdcde;border-radius:4px}.disclosure summary{padding:13px;color:#3c434a;font-size:12px;font-weight:700;cursor:pointer}.details-grid{display:grid;gap:14px;padding:2px 13px 14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer}.button:hover{filter:brightness(.96)}.button-primary{border-color:var(--blue-dark);color:#fff;background:var(--blue)}.button-secondary{border-color:var(--blue);color:var(--blue);background:#fff}.button-danger{border-color:#a82224;color:#fff;background:var(--red)}.button-wide{width:100%;min-height:42px}.text-button{margin:0 0 22px;padding:0;border:0;color:var(--blue);background:transparent;font-size:12px;font-weight:650;cursor:pointer}.record-list{display:grid}.record-item{display:flex;align-items:center;gap:13px;min-height:68px;padding:13px 2px;border-bottom:1px solid #eee}.record-item:last-child{border-bottom:0}.record-avatar,.incident-mark{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--blue-dark);background:#e8f1f8;font-size:13px;font-weight:800}.record-copy{min-width:0;flex:1}.record-copy strong,.record-copy span,.record-copy small,.record-copy a{display:block}.record-copy strong{margin-bottom:4px;font-size:13px}.record-copy span,.record-copy a{overflow:hidden;color:#50575e;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.record-copy a{color:var(--blue);text-decoration:none}.record-copy small{margin-top:4px;color:#8c8f94;font-size:10px}.health-dot,.step-marker{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #00a32a1f}.incident-mark{color:#8a5b00;background:#fff1c7}.data-table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(190px,1fr);align-items:center;gap:18px;padding:12px 16px}.table-head{color:#50575e;background:var(--soft);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.table-row{width:100%;min-height:66px;border:0;border-top:1px solid #eee;border-radius:0;color:var(--text);background:#fff;font-size:12px;text-align:left;cursor:pointer}.table-row:hover{background:#f8fafb}.table-row strong,.table-row small{display:block}.table-row strong{margin-bottom:4px;font-size:13px}.table-row small{color:var(--muted)}.status{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border-radius:999px;color:#50575e;background:#e9eaec;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.025em}.status[data-status=SUCCEEDED],.status[data-status=RESTORED],.status[data-status=ready],.status[data-status=PASSED],.status[data-status=COMPLETE]{color:#00692a;background:#d7ece3}.status[data-status=ATTENTION],.status[data-status=FAILED],.status[data-status=CRITICAL]{color:#a12628;background:#fce8e8}.status[data-status=AWAITING_MAJOR_APPROVAL],.status[data-status=RESTORING]{color:#7a5200;background:#fff3cd}.status[data-status=RUNNING],.status[data-status=QUEUED]{color:var(--blue-dark);background:#e8f0fb}.status-large{padding:7px 12px;font-size:11px}.step-marker[data-status=FAILED]{background:var(--red);box-shadow:0 0 0 4px #d636381f}.step-marker[data-status=RUNNING]{background:var(--blue);box-shadow:0 0 0 4px #2271b11f}.alert{max-width:1400px;margin:0 auto 20px;padding:12px 15px;border-left:4px solid;background:#fff;font-size:12px;line-height:1.5;box-shadow:0 1px 1px #0000000a}.alert-error{border-color:var(--red);color:#7f2022}.alert-success{border-color:var(--green);color:#00692a}.page-alert{margin-top:-18px}.alert code{padding:2px 5px;color:var(--text);background:#edf0f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty-state{padding:52px 24px;color:var(--muted);text-align:center}.empty-state strong{display:block;margin-bottom:7px;color:var(--text);font-size:14px}.empty-state p{margin-bottom:16px;font-size:12px}.empty-state.compact{padding:28px 15px}.empty-state.compact p{margin-bottom:0}.run-header{align-items:center}.action-bar{display:flex;align-items:center;gap:20px;max-width:1400px;margin:0 auto 20px;padding:15px 18px;border:1px solid #e4c75b;background:#fff8dc}.action-bar div{flex:1}.action-bar strong,.action-bar span{display:block}.action-bar strong{margin-bottom:3px;font-size:13px}.action-bar span{color:#6f5b16;font-size:11px}.run-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1400px;margin:0 auto 20px;border:1px solid var(--border);background:#fff}.run-summary div{padding:16px 18px;border-right:1px solid #e7e8e9}.run-summary div:last-child{border-right:0}.run-summary small,.run-summary strong{display:block}.run-summary small{margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.run-summary strong{font-size:12px}.notes-list{margin-bottom:14px}.notes-list p{padding:11px 13px;margin:0 0 8px;border-left:3px solid #c3c4c7;background:var(--soft);font-size:12px;line-height:1.5}.inline-form{display:flex;gap:9px}.inline-form input{flex:1}@media(max-width:1050px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:118px}.layout-grid,.form-layout{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-card{min-height:100vh;align-content:center;width:min(440px,calc(100% - 36px))}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px}.sidebar-brand{padding-bottom:15px}.sidebar-nav{display:flex;margin-top:14px;overflow-x:auto}.sidebar-nav button{flex:0 0 auto;width:auto;white-space:nowrap}.sidebar-nav button.active{box-shadow:inset 0 -3px #72aee6}.nav-marker,.sidebar-footer,.topbar{display:none}.content{padding:28px 14px 45px}.page-header{margin-bottom:20px}.page-header h1{font-size:28px}.two-fields,.run-summary{grid-template-columns:1fr}.run-summary div{border-right:0;border-bottom:1px solid #e7e8e9}.run-summary div:last-child{border-bottom:0}.panel{padding:17px}.flush-panel{padding:0}.panel-heading{align-items:flex-start}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:9px;padding:15px}.record-item{align-items:flex-start;flex-wrap:wrap}.record-item .button{margin-left:51px}.site-record .button,.incident-record .button{margin-left:23px}.action-bar{align-items:flex-start;flex-direction:column}.inline-form{flex-direction:column}}