:root{--paper: #fbfcfd;--paper-2: #f5f8fa;--ink: #2b3340;--ink-dim: #5f6b7a;--ink-faint: #9aa6b4;--navy: #263852;--navy-2: #1f2f47;--navy-3: #18243a;--sharp: #39c2d7;--bright: #008acf;--lime: #cedb56;--lime-dark: #8ea620;--coral: #d35d47;--border: #e3e8ee;--card: #ffffff;--ok: #6a8f12;--run: #008acf;--fail: #d35d47;--skip: #9aa6b4;--font-sans: "Montserrat", sans-serif;--font-mono: "Montserrat", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--ring: rgba(57,194,215,.45);--ring-soft: rgba(57,194,215,.18);--shadow-modal: 0 24px 60px rgba(24,36,58,.3)}*{box-sizing:border-box}html,body,#root{height:100%}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}a:focus-visible,.btn:focus-visible,.tab:focus-visible,.step:focus-visible,.flag-toggle:focus-visible,.nav a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}body{margin:0;font-family:var(--font-sans);font-size:17px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:312px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:14px;padding:5px 10px 30px}.brand .logo{width:42px;height:42px;display:grid;place-items:center;background:var(--sharp);color:var(--navy);font-weight:800;font-size:24px}.brand b{font-weight:800;letter-spacing:-.02em;font-size:20px;color:#fff}.brand small{display:block;color:#ffffff80;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:14px;padding:14px 15px;color:#ffffffb8;font-weight:500;font-size:17px;transition:all .14s ease;border-left:3px solid transparent}.nav a:hover{color:#fff;background:var(--navy-2)}.nav a.active{color:#fff;background:var(--navy-2);border-left-color:var(--sharp)}.nav a.active .dot{background:var(--sharp)}.nav .dot{width:7px;height:7px;background:#ffffff4d}.nav-group{display:flex;flex-direction:column}.nav-group+.nav-group{margin-top:15px}.nav-cat{color:#ffffff61;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 18px 5px}.sidebar-foot{margin-top:auto;padding:8px 10px;color:#fff6;font-size:11px;letter-spacing:.04em}.topbar-user{display:flex;align-items:center;gap:14px;min-width:0}.topbar-user .user-name{font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 720px){.topbar-user .user-name{display:none}.topbar{padding:0 var(--space-4)}}.main{display:flex;flex-direction:column;min-width:0;background:var(--paper)}.topbar{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px;background:var(--card)}.topbar h1{font-weight:700;font-size:24px;letter-spacing:-.01em;margin:0;color:var(--navy)}.content{padding:var(--space-6) 36px var(--space-7);max-width:1880px;width:100%;display:flex;flex-direction:column;gap:var(--space-5);animation:rise .4s ease both}@media (max-width: 720px){.content{padding:var(--space-5) var(--space-4) var(--space-6)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 980px){.app{grid-template-columns:1fr}.sidebar{display:none}}.card{background:var(--card);border:1px solid var(--border);padding:var(--space-6)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.card-head .eyebrow{min-width:0}.card>p:first-child,.card>.dim:first-child{margin-top:0}.grid{display:grid;gap:20px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 980px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr 1fr}}.metric .k{color:var(--ink-faint);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.metric .v{font-weight:800;font-size:42px;letter-spacing:-.02em;margin-top:10px;color:var(--navy)}.metric .v.accent{color:var(--bright)}.eyebrow{color:var(--ink-faint);font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.section-title{font-weight:700;font-size:21px;margin:0 0 var(--space-4);color:var(--navy)}.badge{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;font-family:var(--font-mono);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--paper-2)}.badge .led{width:9px;height:9px;border-radius:50%}.badge.ok{color:var(--ok)}.badge.ok .led{background:var(--ok)}.badge.run{color:var(--run)}.badge.run .led{background:var(--run);animation:pulse 1.2s infinite}.badge.fail{color:var(--fail)}.badge.fail .led{background:var(--fail)}.badge.skip{color:var(--skip)}.badge.skip .led{background:var(--skip)}.badge.warn{color:#b9700f}.badge.warn .led{background:#e08a1e;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.env-badge{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--border)}.env-badge.dev{color:var(--bright)}.env-badge.uat{color:var(--lime-dark)}.env-badge.prod{color:var(--coral);border-color:var(--coral);background:#d35d470f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;font-weight:600;font-size:17px;background:var(--card);color:var(--navy);border:1px solid var(--border);transition:background .14s ease,border-color .14s ease,transform .05s ease}.btn:hover{border-color:var(--sharp);background:var(--paper-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.primary:hover{background:var(--navy-2);border-color:var(--navy-2)}.btn.danger{color:var(--coral);border-color:var(--coral);background:transparent}.btn.danger:hover{background:#d35d4714;border-color:var(--coral)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--card);border-color:var(--border);transform:none}.btn.primary:disabled:hover{background:var(--navy);border-color:var(--navy)}.btn.sm{padding:5px 11px;font-size:12px;font-weight:600;gap:6px}.btn.icon{padding:11px 14px}input,select,textarea{width:100%;padding:12px 15px;background:var(--card);color:var(--ink);border:1px solid var(--border);font-family:var(--font-sans);font-size:17px}textarea{line-height:1.5;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sharp);box-shadow:0 0 0 3px var(--ring-soft)}input:disabled,select:disabled,textarea:disabled{background:var(--paper-2);color:var(--ink-faint);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:17px;height:17px;flex:none;accent-color:var(--bright);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}label{display:block;color:var(--ink-dim);font-size:15px;margin-bottom:7px;font-weight:600}::placeholder{color:var(--ink-faint)}.input-sm{padding:6px 10px;font-size:14px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:16px}th{text-align:left;color:var(--ink-faint);font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:12px 15px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:bottom}td{padding:14px 15px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child td{border-bottom:none}tr:hover td{background:var(--paper-2)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dim{color:var(--ink-dim)}.break{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.num{font-variant-numeric:tabular-nums}.flag-toggle{background:none;border:none;padding:2px 6px;font:inherit;line-height:1;border-radius:4px;transition:background .12s ease}.flag-toggle:hover{background:var(--paper-2);outline:1px solid var(--border)}.flag-toggle:disabled{opacity:.4;cursor:progress}.flag-toggle .ok{font-weight:700}.console{background:var(--navy-3);color:#c9d4e3;border:1px solid var(--navy-2);padding:18px 20px;font-family:var(--font-mono);font-size:15px;line-height:1.6;height:60vh;min-height:280px;overflow:auto;white-space:pre-wrap}.console .l{display:flex;gap:16px;align-items:baseline}.console .l+.l{margin-top:2px}.console .t{color:#5f7088;flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}.console .m{flex:1;min-width:0;color:#c9d4e3;word-break:break-word}.console .m.err{color:#ff8a76}.console .m.warn{color:var(--lime)}.console .m.ok{color:#9fd34a}.console .m .err{color:#ff8a76}.console .m .warn{color:var(--lime)}.console .m .ok{color:#9fd34a}.ok{color:var(--ok)}.warn{color:var(--lime-dark)}.err{color:var(--coral)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ink-dim);font:inherit;font-size:16px;font-weight:600;letter-spacing:.02em;padding:12px 22px;cursor:pointer;margin-bottom:-1px;text-transform:uppercase}.tab:hover{color:var(--ink)}.tab:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tab.active{color:var(--bright);border-bottom-color:var(--bright)}.state{display:flex;align-items:center;justify-content:center;gap:10px;padding:44px 20px;color:var(--ink-dim);font-size:15px}.state.empty{padding:36px 20px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--bright);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.banner{padding:11px 15px;font-size:14px;line-height:1.5;border:1px solid var(--border);background:var(--paper-2)}.banner.error{border-color:#d35d4780;color:var(--coral);background:#d35d470f}.banner.success{border-color:#6a8f1273;color:var(--ok);background:#6a8f120f}.banner.info{color:var(--ink-dim)}.field-row{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:flex-start}.field-row+.field-row{margin-top:var(--space-4)}.field .eyebrow{white-space:nowrap}.field-v{margin-top:6px}.counter-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:baseline}.detail-tabbar{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.counter{display:inline-flex;gap:6px;align-items:baseline}.counter b{font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.stat-row{display:flex;gap:var(--space-5);flex-wrap:wrap;align-items:baseline;font-size:14px}.stepper{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin:8px 0 6px}.step{flex:1 1 180px;min-width:170px;text-align:left;background:var(--card);border:1px solid var(--border);border-top:4px solid var(--sharp);padding:18px 16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .16s ease}.step:hover{border-color:var(--bright);border-top-color:var(--bright);transform:translateY(-3px);box-shadow:0 10px 24px #2638521a}.step-num{width:30px;height:30px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;font-size:15px}.step-title{font-weight:700;font-size:16px;color:var(--navy);letter-spacing:-.01em}.step-sub{color:var(--ink-dim);font-size:13px}.step-arrow{align-self:center;color:var(--ink-faint);font-size:22px;padding:0 6px}@media (max-width: 900px){.step-arrow{display:none}.step{flex-basis:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18243a8c;display:grid;place-items:center;z-index:50;padding:24px;animation:fade .15s ease}.modal{background:var(--card);border:1px solid var(--border);border-top:5px solid var(--sharp);max-width:520px;width:100%;padding:28px 28px 24px;box-shadow:0 24px 60px #18243a4d;animation:rise .2s ease both}.modal h3{margin:8px 0 12px;font-size:22px;color:var(--navy);letter-spacing:-.01em}.modal p{color:var(--ink);line-height:1.6;margin:0 0 20px}.modal-step{color:var(--bright);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--space-5)}.modal-fields{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}@keyframes fade{0%{opacity:0}to{opacity:1}}.login{min-height:100vh;display:grid;place-items:center;background:var(--navy)}.login .panel{width:460px;text-align:center;background:var(--card);padding:48px 40px}.login .logo{width:60px;height:60px;display:grid;place-items:center;background:var(--sharp);color:var(--navy);font-weight:800;font-size:32px;margin:0 auto}.login h1{font-weight:800;font-size:32px;letter-spacing:-.02em;margin:22px 0 8px;color:var(--navy)}.login p{color:var(--ink-dim);margin:0 0 32px}.ms-btn{width:100%;justify-content:center}