:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;line-height:1.45;--ng-bg:#eef2f6;--ng-panel:#fff;--ng-panel-soft:#f8fafc;--ng-text:#172033;--ng-muted:#687386;--ng-line:#dfe6ef;--ng-brand:#2357d9;--ng-brand-soft:#edf3ff;--ng-green:#14804a;--ng-green-soft:#eaf8f2;--ng-red:#c93b45;--ng-red-soft:#fff0f1;--ng-orange:#b66a16;--ng-orange-soft:#fff5e8;--ng-blue:#2862cf;--ng-blue-soft:#eef4ff;--ng-shadow:0 10px 30px rgba(23,32,51,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ng-bg);color:var(--ng-text)}body{min-height:100vh}a{color:var(--ng-brand)}
.shell{min-height:100vh;background:var(--ng-bg)}.shell-stage{min-height:100vh;margin-left:252px;display:flex;flex-direction:column;background:var(--ng-bg)}
.nav{position:fixed;inset:0 auto 0 0;z-index:12010;width:252px;height:100vh;display:flex;flex-direction:column;padding:0 13px 18px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#142239 0%,#101d31 58%,#122238 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(19,38,65,.08);color:#fff;transform:none}
.shell-brand{height:136px;flex:0 0 136px;margin:0 -13px 13px;padding:12px 18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.11)}.shell-brand img{display:block;width:150px;height:88px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.15))}.shell-brand strong{color:#fff;font-size:14px;font-weight:900;letter-spacing:.015em;text-align:center}.ngDrawerHeading{margin:0 9px 7px;color:#8fa0ba;font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.ngDrawerSection{padding-bottom:12px}.nav a.ngDrawerLink,.nav details.ngDrawerGroup>summary{display:flex;align-items:center;gap:10px;min-height:43px;margin:2px 0;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#d9e4f3;text-decoration:none;font-size:14px;line-height:1.25;font-weight:680}.nav a.ngDrawerLink:hover,.nav a.ngDrawerLink:focus-visible,.nav details.ngDrawerGroup>summary:hover,.nav details.ngDrawerGroup>summary:focus-visible{background:rgba(255,255,255,.075);color:#fff;outline:none}.nav a.ngDrawerLink.active{background:linear-gradient(135deg,#0877ff,#1769e8);color:#fff;box-shadow:0 8px 20px rgba(0,101,235,.30)}.ngDrawerIcon{display:grid;place-items:center;flex:0 0 22px;width:22px;color:#dbe8fb;font-size:16px;font-weight:900}.nav details.ngDrawerGroup{margin:2px 0;border:0}.nav details.ngDrawerGroup>summary{list-style:none;cursor:pointer;user-select:none}.nav details.ngDrawerGroup>summary::-webkit-details-marker{display:none}.nav details.ngDrawerGroup[open]>summary{background:rgba(255,255,255,.055);color:#fff}.ngDrawerChevron{margin-left:auto;font-size:20px;line-height:1;transition:transform .15s ease}.nav details.ngDrawerGroup[open] .ngDrawerChevron{transform:rotate(90deg)}.ngDrawerChildren{margin:1px 0 6px 22px;padding-left:10px;border-left:1px solid rgba(255,255,255,.13)}.nav a.ngDrawerLink.ngDrawerChild{min-height:36px;padding:7px 9px;font-size:13px;border-radius:8px}.nav a.ngDrawerLink.ngDrawerChild .ngDrawerIcon{flex:0 0 18px;width:18px;font-size:11px}.nav-close{display:none}.nav-backdrop{display:none}.nav-mobile-user{display:none}
.topbar{position:sticky;top:0;z-index:12000;min-height:74px;background:#fff;border-bottom:1px solid var(--ng-line);box-shadow:0 2px 10px rgba(23,32,51,.025)}.topbar-in{min-height:74px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,420px) auto auto;align-items:center;gap:14px;padding:10px 28px}.menuBtn{display:none}.page-context{min-width:0}.product-line{display:flex;align-items:center;gap:8px;color:#526075;font-size:10.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.generation-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#eef4ff;color:#2357d9;border:1px solid #d5e2fb;font-size:9px;letter-spacing:.07em}.current-page{margin-top:3px;color:#172033;font-size:22px;font-weight:900;line-height:1.08;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;border:1px solid #d4dce7;border-radius:11px;color:#7a8797;box-shadow:0 1px 2px rgba(23,32,51,.02);color-scheme:light}.global-search:focus-within{border-color:#7ca2ed;box-shadow:0 0 0 3px rgba(35,87,217,.10)}.global-search span{font-size:18px}.global-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#172033;font:inherit;font-size:13px}.global-search input:disabled{opacity:1;color:#8a96a7;cursor:not-allowed}.live-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid #d8e0e9;border-radius:999px;background:#fff;color:#3b485c;font-size:11px;font-weight:850;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ng-orange);box-shadow:0 0 0 3px rgba(182,106,22,.10)}.live-pill.verified .live-dot{background:var(--ng-green);box-shadow:0 0 0 3px rgba(20,128,74,.10)}.live-pill.failed .live-dot{background:var(--ng-red);box-shadow:0 0 0 3px rgba(201,59,69,.10)}.user-menu{position:relative}.user-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 7px;border-radius:11px;cursor:pointer;color:#172033}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover{background:#f7f9fc}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f0ff;color:#2357d9;border:1px solid #cddcf7;font-size:11px;font-weight:950}.user-label{max-width:135px;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chevron{color:#7b8798;font-size:14px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:13000;width:210px;padding:7px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 16px 40px rgba(23,32,51,.16)}.user-dropdown a{display:block;padding:9px 10px;border-radius:8px;color:#344257;text-decoration:none;font-size:12px;font-weight:750}.user-dropdown a:hover{background:#f3f6fa;color:#2357d9}.user-dropdown .divider{height:1px;margin:5px 4px;background:#e8edf3}
.body{flex:1 0 auto}.content{width:100%;max-width:1540px;margin:0 auto;padding:26px 30px 48px}.page-title{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:20px}.page-title h1{font-size:1.75rem;margin:0;letter-spacing:-.03em;color:var(--ng-text)}.page-title p{margin:5px 0 0;color:var(--ng-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.panel,.card{background:var(--ng-panel);border:1px solid var(--ng-line);border-radius:14px;box-shadow:var(--ng-shadow);color:var(--ng-text)}.panel{padding:22px;margin-bottom:18px}.card{padding:19px}.card h3,.panel h2{margin:0 0 8px;color:var(--ng-text)}.metric{font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--ng-text)}.muted{color:var(--ng-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:850;font-size:.7rem;color:var(--ng-brand)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--ng-blue-soft);color:var(--ng-blue);border:1px solid #d6e2fb;font-size:.72rem;font-weight:800;margin:2px 3px 2px 0}.badge.ok{background:var(--ng-green-soft);color:var(--ng-green);border-color:#ccecdf}.badge.warn{background:var(--ng-orange-soft);color:var(--ng-orange);border-color:#f0d9ba}.badge.danger{background:var(--ng-red-soft);color:var(--ng-red);border-color:#efc5c9}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ng-brand);border-radius:9px;background:var(--ng-brand);color:#fff!important;padding:9px 13px;text-decoration:none;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:none}.btn:hover{background:#1f4fc6;border-color:#1f4fc6}.btn.secondary{background:#fff;color:var(--ng-text)!important;border-color:#d6dce5}.btn.secondary:hover{background:#f8fafc;border-color:#aeb8c7}.btn.danger{background:var(--ng-red);color:#fff!important;border-color:var(--ng-red)}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--ng-line);border-radius:11px}.table{width:100%;border-collapse:collapse;font-size:.86rem;background:#fff}.table th,.table td{text-align:left;padding:10px 9px;border-bottom:1px solid #edf0f4;vertical-align:top}.table th{background:var(--ng-panel-soft);color:var(--ng-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:#fbfcfe}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field label{display:block;font-weight:800;font-size:.78rem;margin-bottom:5px;color:var(--ng-text)}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd4df;border-radius:9px;padding:9px 10px;background:#fff;color:var(--ng-text);font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ng-brand);box-shadow:0 0 0 3px rgba(35,87,217,.10)}.field textarea{min-height:90px;resize:vertical}.flash{padding:11px 13px;border-radius:10px;margin:0 0 14px;border:1px solid}.flash.ok{background:var(--ng-green-soft);border-color:#ccecdf;color:var(--ng-green)}.flash.error{background:var(--ng-red-soft);border-color:#efc5c9;color:var(--ng-red)}.flash.info{background:var(--ng-brand-soft);border-color:#d6e2fb;color:var(--ng-brand)}.split{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.empty{padding:28px;text-align:center;color:var(--ng-muted)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;background:#eef2f7;color:var(--ng-text);padding:2px 5px;border-radius:5px}
.qa-footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 30px;background:#fff;border-top:1px solid #dfe6ef;box-shadow:0 -3px 12px rgba(23,32,51,.025)}.footer-brand{display:flex;flex-direction:column;gap:2px}.footer-copyright{color:#2357d9;font-size:12.5px;font-weight:800}.footer-slogan{color:#7b8798;font-size:11px}.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-links a{color:#344257;text-decoration:none;font-size:12px;font-weight:700}.footer-links a:hover{color:#2357d9}
.solo-stage{margin-left:0}.solo-stage .topbar-in{grid-template-columns:1fr auto}.solo-stage .global-search,.solo-stage .live-pill,.solo-stage .user-menu,.solo-stage .menuBtn{display:none}.solo-stage .content{max-width:760px;padding-top:40px}
@media(min-width:981px) and (max-width:1100px){.nav{width:190px}.shell-stage{margin-left:190px}.shell-brand{height:116px;flex-basis:116px}.shell-brand img{width:120px;height:72px}.shell-brand strong{font-size:12px}.topbar-in{grid-template-columns:minmax(190px,1fr) minmax(170px,260px) auto auto;gap:9px;padding:9px 18px}.current-page{font-size:19px}.product-line{font-size:9px}.global-search{height:39px}.live-pill{padding:0 9px;font-size:9.5px}.user-label{display:none}.content{padding:22px}.qa-footer{padding-left:22px;padding-right:22px}}
@media(max-width:980px){.shell-stage{margin-left:0}.nav{left:auto;right:0;width:min(340px,92vw);padding:0 13px 18px;transform:translateX(105%);transition:transform .18s ease;box-shadow:-14px 0 34px rgba(8,18,33,.30)}.nav:target{transform:translateX(0)}.nav-backdrop{position:fixed;inset:0;z-index:12005;display:none;background:rgba(15,23,42,.48)}.nav:target+.nav-backdrop{display:block}.nav-close{display:grid;place-items:center;position:absolute;top:10px;right:10px;z-index:3;width:39px;height:39px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none;font-size:24px}.shell-brand{height:136px;flex-basis:136px;padding-right:50px;padding-left:50px}.shell-brand img{width:145px;height:86px}.nav-mobile-user{display:flex;margin-top:auto;padding:14px 10px 2px;border-top:1px solid rgba(255,255,255,.10);flex-direction:column;gap:4px;color:#fff}.nav-mobile-user strong{font-size:14px}.nav-mobile-user span{color:#9eb0c9;font-size:10px}.nav-mobile-user a{margin-top:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:800}.topbar{min-height:68px}.topbar-in{min-height:68px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:8px 12px}.menuBtn{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d6dce5;border-radius:10px;background:#fff;color:#2357d9;text-decoration:none;font-size:20px}.page-context{min-width:0}.product-line{font-size:8.5px}.generation-badge{display:none}.current-page{font-size:17px}.global-search{display:none}.live-pill{min-height:34px;padding:0 8px;font-size:9px}.user-menu{display:none}.content{padding:18px 12px 28px}.page-title{align-items:flex-start;flex-direction:column}.panel,.card{box-shadow:0 4px 14px rgba(23,32,51,.05)}.nav a.ngDrawerLink,.nav details.ngDrawerGroup>summary{min-height:50px;font-size:16px}.nav a.ngDrawerLink.ngDrawerChild{min-height:43px;font-size:14px}.qa-footer{align-items:flex-start;flex-direction:column;padding:16px 18px}.footer-links{gap:14px}}
@media(max-width:560px){.live-pill{display:none}.topbar-in{grid-template-columns:auto minmax(0,1fr)}.current-page{font-size:16px}.content{padding-left:10px;padding-right:10px}}