:root{--primary:#635bff;--ink:#182235;--muted:#718096;--line:#e8ebf2;--surface:#fff;--bg:#f5f7fb;--sidebar:#101828}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#111827 0%,#0b1220 100%);color:#cbd5e1;position:fixed;inset:0 auto 0 0;padding:22px 14px;display:flex;flex-direction:column;z-index:1040}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:0 10px 20px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c70ff,#5350d8);font-size:22px;box-shadow:0 10px 30px #655cff55}.brand strong{font-size:17px}.brand small{display:block;color:#aab4c5;font-size:12px}.project-switcher{border:1px solid #25324a;background:#172033;border-radius:12px;padding:10px 11px;margin:4px 3px 16px}.project-switcher>small,.nav-label{font-size:10px;letter-spacing:.12em;color:#74819a;font-weight:700}.project-switcher>div{display:flex;align-items:center;gap:9px;margin-top:9px}.project-switcher b{display:block;color:white;font-size:13px}.project-switcher div small{display:block;font-size:11px}.project-avatar{width:32px;height:32px;border-radius:9px;background:#fff3;display:grid;place-items:center;color:white;font-weight:700}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{color:#aeb9cb;text-decoration:none;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-weight:500}.side-nav a:hover,.side-nav a.active{background:#ffffff12;color:white}.side-nav a.active{box-shadow:inset 3px 0 var(--primary)}.side-nav i{font-size:17px}.nav-label{padding:18px 12px 6px}.nav-count{margin-left:auto;font-size:11px;background:#26344b;padding:2px 7px;border-radius:20px}.nav-count.live{background:#0f5132;color:#86efac}.nav-count.danger{background:#58151c;color:#fda4af}.sidebar-user{margin-top:auto;border-top:1px solid #263247;padding:16px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-user b{display:block;color:white;font-size:12px}.sidebar-user small{font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#635bff;color:white;font-weight:700}.main{margin-left:260px;min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:1000}.global-search{max-width:520px;flex:1;height:40px;background:#f5f7fa;border:1px solid #e9edf4;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:10px}.global-search input{border:0;background:transparent;outline:0;flex:1}.global-search kbd{background:white;border:1px solid #dce1e9;color:#718096;box-shadow:none}.top-actions{display:flex;gap:8px;margin-left:auto}.icon-btn{border:0;background:transparent;width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;color:#667085}.icon-btn:hover{background:#f0f2f6}.notification-dot{position:absolute;width:7px;height:7px;background:#f04438;border-radius:50%;right:7px;top:6px;border:1px solid white}.btn{border-radius:9px;font-weight:600}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#534bd8;border-color:#534bd8}.page-content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:28px;letter-spacing:-.04em;margin:2px 0 5px;font-weight:750}.page-head p{color:var(--muted);margin:0}.eyebrow{font-size:10px!important;letter-spacing:.14em;font-weight:800;color:var(--primary)!important}.head-actions{display:flex;gap:8px}.metric-card,.panel,.mini-stat,.project-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #10182808}.metric-card{padding:18px;position:relative}.metric-icon{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px}.metric-icon.purple{background:#efedff;color:#635bff}.metric-icon.green{background:#e9fbf3;color:#159267}.metric-icon.red{background:#fff0f0;color:#e5484d}.metric-icon.blue{background:#edf7ff;color:#2383d8}.metric-label{color:#667085;font-weight:600}.metric-value{font-size:30px;font-weight:750;letter-spacing:-.04em;margin-top:12px}.metric-change{font-size:12px;color:#6b7280;margin-top:4px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel h3,.project-card h3{font-size:16px;font-weight:700;margin:0 0 3px}.panel-head p,.project-card p{margin:0;color:var(--muted);font-size:12px}.panel-head a{font-weight:600;text-decoration:none;font-size:12px}.chart-wrap{min-height:260px;display:flex;align-items:center;gap:30px}.donut,.readiness-ring{--p:70;width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),#edf0f5 0);display:grid;place-items:center;position:relative}.donut:before,.readiness-ring:before{content:"";position:absolute;inset:17px;border-radius:50%;background:white}.donut div,.readiness-ring b{position:relative;z-index:1;text-align:center}.donut b{display:block;font-size:28px}.donut span{color:var(--muted);font-size:12px}.legend-list{min-width:150px}.legend-list>div{display:grid;grid-template-columns:12px 1fr 35px 35px;gap:7px;align-items:center;padding:7px 0}.legend-list small{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.passed{background:#23b26d}.dot.failed{background:#ef4444}.dot.blocked{background:#f59e0b}.dot.pending{background:#cbd5e1}.trend-bars{height:180px;display:flex;align-items:end;gap:7px;flex:1;border-bottom:1px solid var(--line);position:relative}.trend-bars>span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#8d86ff,#625aff);opacity:.85}.trend-labels{position:absolute;left:0;right:0;bottom:-25px;display:flex;justify-content:space-between;color:var(--muted)}.badge-soft{display:inline-flex;align-items:center;padding:4px 9px;border-radius:20px;background:#f0f2f5;color:#475467;font-size:11px;font-weight:700}.badge-soft.warning{background:#fff6df;color:#9a6700}.badge-soft.success{background:#e9fbf3;color:#067647}.readiness{text-align:center}.readiness-ring{width:130px;margin:4px auto 10px;background:conic-gradient(#f59e0b calc(var(--p)*1%),#edf0f5 0)}.readiness-ring b{font-size:25px}.readiness p{color:var(--muted)}.health-list>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0}.table{margin-bottom:0}.table thead th{font-size:10px;letter-spacing:.08em;color:#8791a3;text-transform:uppercase;border-bottom-color:var(--line);background:#fafbfc;padding:11px 12px}.table td{padding:13px 12px;border-bottom-color:#eef0f4}.case-id{color:#554bd8;font-weight:700;text-decoration:none;font-size:12px}.priority{display:inline-flex;padding:3px 8px;border-radius:6px;background:#f0f2f5;font-size:11px;font-weight:700}.priority.critical,.priority.major{background:#fff0f0;color:#d92d20}.priority.high{background:#fff6df;color:#b54708}.priority.medium,.priority.moderate{background:#edf7ff;color:#175cd3}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:#eefbf4;color:#18794e;font-size:11px;font-weight:650}.defect-list{display:flex;flex-direction:column}.defect-item{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.defect-item:last-child{border:0}.severity-bar{width:4px;height:46px;border-radius:3px;background:#f59e0b}.severity-bar.critical{background:#ef4444}.severity-bar.major{background:#f97316}.defect-item>div{display:flex;flex-direction:column;flex:1}.defect-item a{font-size:11px;font-weight:700;color:var(--primary)}.defect-item b{font-size:13px}.defect-item small{color:var(--muted)}.toolbar{display:flex;gap:10px;margin-bottom:16px}.filter-search{height:38px;min-width:310px;display:flex;align-items:center;gap:8px;border:1px solid #d8dde7;border-radius:8px;padding:0 10px}.filter-search input{border:0;outline:0;flex:1}.toolbar .form-select{width:160px}.automation{font-size:12px;color:#596579}.automation i{color:#7c70ff}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;color:var(--muted);font-size:12px}.table-footer nav{display:flex}.table-footer button{border:1px solid var(--line);background:white;padding:6px 10px}.table-footer button.active{background:var(--primary);color:white}.loading{opacity:.45;transition:.2s}.empty-state{text-align:center!important;padding:55px!important}.empty-state i{font-size:30px}.form-panel{padding:24px}.form-panel label{font-weight:650;margin-bottom:6px}.form-panel hr{border-color:var(--line);margin:25px 0}.step-card{display:grid;grid-template-columns:35px 1fr 1fr 35px;gap:12px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px}.step-card>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eceaff;color:var(--primary);font-weight:800}.mini-stat{padding:17px}.mini-stat span,.mini-stat small{display:block;color:var(--muted)}.mini-stat b{font-size:27px;display:block;margin:5px 0}.person{display:flex;align-items:center;gap:7px}.person span{width:27px;height:27px;border-radius:50%;background:#eceaff;color:#554bd8;display:grid;place-items:center;font-weight:700}.project-card{padding:20px}.project-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#746bff,#4c46bf);color:white;display:grid;place-items:center;font-weight:800}.project-card h3{font-size:18px;margin-top:18px}.project-progress{margin:22px 0}.project-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.progress{height:7px;background:#eef0f5}.progress-bar{background:var(--primary)}.project-meta{display:flex;flex-wrap:wrap;gap:13px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding:15px 0}.run-card{display:flex;align-items:center;gap:18px}.run-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eae8ff;color:var(--primary);font-size:20px}.run-stats{display:flex;gap:25px;margin-top:12px;color:var(--muted)}.release-hero{display:flex;align-items:center;justify-content:space-between;padding:32px}.release-hero h2{margin-top:15px}.quality-gates{display:flex;gap:10px;margin-top:22px}.quality-gates span{padding:7px 10px;border-radius:8px;background:#fff5e5;color:#8a6116}.quality-gates .done{background:#eafaf1;color:#18794e}.readiness-ring.large{width:170px}.readiness-ring.large b{font-size:32px}@media(max-width:1100px){.chart-wrap{flex-wrap:wrap}.trend-bars{min-width:100%;margin-bottom:25px}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.global-search{display:none}.page-content{padding:20px}}@media(max-width:700px){.page-head{flex-direction:column}.head-actions,.toolbar{flex-wrap:wrap}.filter-search{min-width:100%}.toolbar .ms-auto{margin-left:0!important}.step-card{grid-template-columns:30px 1fr}.step-card>div{grid-column:2}.chart-wrap{justify-content:center}.legend-list{width:100%}.run-card,.release-hero{flex-direction:column;align-items:flex-start}.quality-gates{flex-wrap:wrap}}

/* Shared usability and accessibility layer */
:focus-visible{outline:3px solid #8b83ff;outline-offset:2px}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;box-shadow:0 6px 24px #0003}.skip-link:focus{top:12px}.sidebar{overflow-y:auto}.sidebar-heading{display:flex;align-items:flex-start}.sidebar-close{margin-left:auto;color:#cbd5e1}.project-switcher-wrap{margin:4px 3px 12px}.project-switcher{display:block;width:100%;margin:0;text-align:left;color:#cbd5e1}.project-switcher-row{display:flex;align-items:center;gap:9px;margin-top:9px}.project-switcher-row b,.project-switcher-row small{display:block}.project-menu{width:100%;padding:6px}.project-menu .dropdown-item{display:flex;align-items:center;gap:9px;border-radius:8px;padding:8px}.project-menu .project-avatar{background:#eceaff;color:var(--primary)}.side-nav{padding-bottom:12px}.side-nav a span:not(.nav-count){min-width:0}.sidebar-user{position:sticky;bottom:-22px;background:#0b1220;padding-bottom:18px}.user-copy{min-width:0}.user-copy b,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.sidebar-user .icon-btn{color:#aeb9cb}.sidebar-backdrop{display:none;border:0}.dropdown-menu{border-color:var(--line);border-radius:12px;box-shadow:0 16px 40px #1018281f;padding:7px}.dropdown-item{border-radius:7px;padding:8px 10px}.dropdown-item i{width:24px;color:var(--primary)}.app-alert{display:flex;align-items:center;gap:10px;border:0;box-shadow:0 4px 16px #1018280c}.panel{overflow:hidden}.panel>.table-responsive{margin-left:-20px;margin-right:-20px;margin-bottom:-20px}.panel>.table-responsive .table th:first-child,.panel>.table-responsive .table td:first-child{padding-left:20px}.panel>.table-responsive .table th:last-child,.panel>.table-responsive .table td:last-child{padding-right:20px}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#fafbff}.table thead th{position:sticky;top:69px;z-index:2}.form-control,.form-select{border-color:#d7dce5;border-radius:9px;min-height:40px}.form-control:focus,.form-select:focus{border-color:#8a83ff;box-shadow:0 0 0 3px #635bff1a}.form-label{font-weight:650}.form-text{color:#778196}.validation-summary-errors{background:#fff1f1;border:1px solid #ffcaca;border-radius:10px;padding:12px 16px}.btn[disabled],.btn.is-busy{cursor:wait;opacity:.7}.btn.is-busy:before{content:"";display:inline-block;width:13px;height:13px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--muted)}.empty-state:before{content:"\F479";font-family:"bootstrap-icons";display:block;font-size:30px;color:#aab2c1;margin-bottom:8px}.empty-state-title{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:4px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill[data-status="failed"],.status-pill[data-status="rejected"],.status-pill[data-status="critical"]{background:#fff0f0;color:#c9362b}.status-pill[data-status="blocked"],.status-pill[data-status="onhold"],.status-pill[data-status="readyfortesting"]{background:#fff6df;color:#9a6700}.status-pill[data-status="notrun"],.status-pill[data-status="draft"],.status-pill[data-status="new"]{background:#f0f2f5;color:#596579}.status-pill[data-status="inprogress"],.status-pill[data-status="assigned"],.status-pill[data-status="retesting"]{background:#edf7ff;color:#175cd3}.execution-progress{height:10px}.execution-card{border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:12px;overflow:hidden}.execution-card-head{display:flex;gap:12px;align-items:flex-start;padding:16px}.execution-order{width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:#eceaff;color:var(--primary);display:grid;place-items:center;font-weight:800}.execution-body{padding:0 16px 16px 58px}.execution-actions{display:flex;flex-wrap:wrap;gap:8px}.timeline{position:relative;margin-left:7px}.timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline-item{position:relative;padding:0 0 20px 30px}.timeline-dot{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--primary);border:4px solid #eceaff}.timeline-item small{color:var(--muted)}
@media(max-width:991px){body.sidebar-open{overflow:hidden}.sidebar.open+.sidebar-backdrop{display:block;position:fixed;inset:0;background:#10182880;z-index:1030}.table thead th{top:69px}}@media(max-width:700px){.page-content{padding:16px}.topbar{height:62px;padding:0 16px}.page-head h1{font-size:24px}.head-actions{width:100%}.head-actions>.btn,.head-actions>form{flex:1}.panel{padding:16px;border-radius:12px}.panel>.table-responsive{margin-left:-16px;margin-right:-16px;margin-bottom:-16px}.toolbar>*{width:100%!important}.execution-body{padding:0 14px 14px}.execution-card-head{padding:14px}.table .btn{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
.comparison-table td{min-width:280px;vertical-align:top;white-space:pre-wrap}.comparison-table td:nth-child(2){background:#fffaf0}.comparison-table td:nth-child(3){background:#f5fbff}@media(pointer:coarse){.btn,.side-nav a,.form-control,.form-select{min-height:44px}}@media(max-width:575px){.table-responsive{border:0}.mini-stat b{font-size:22px}}
.login-page { min-height:100vh; margin:0; background:radial-gradient(circle at 20% 10%,#eef2ff 0,transparent 38%),#f7f8fc; color:#172033; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(100%,440px); background:#fff; border:1px solid #e5e8f0; border-radius:20px; padding:38px; box-shadow:0 22px 60px rgba(24,35,71,.12); }
.login-brand { display:flex; align-items:center; gap:12px; margin-bottom:36px; }.login-brand div { display:flex; flex-direction:column; line-height:1.05; }.login-brand small { color:#727b90; margin-top:5px; }
.login-mark { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#5b5ce2; color:#fff; font-weight:800; font-size:1.3rem; }
.login-copy h1 { font-size:1.8rem; margin-bottom:8px; }.login-copy p,.login-help { color:#727b90; }.login-copy { margin-bottom:28px; }.login-help { text-align:center; font-size:.85rem; margin:22px 0 0; }
.preserve-lines { white-space:pre-line; }.test-steps { padding-left:1.25rem; }.test-steps li { padding:.45rem 0; }.detail-list { display:grid; grid-template-columns:120px 1fr; gap:.65rem 1rem; margin:0; }.detail-list dt { color:#727b90; font-weight:500; }.detail-list dd { margin:0; overflow-wrap:anywhere; }
.table-responsive .table thead th { position:static; top:auto; }
.module-select-all{padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;font-weight:650}
.case-picker{border:1px solid var(--line);border-radius:13px;background:#f8f9fc;overflow:hidden}.case-picker-toolbar{display:flex;align-items:center;gap:14px;padding:16px}.case-picker-toolbar>div:first-child{margin-right:auto}.case-picker-toolbar h3,.case-picker-toolbar p{margin:0}.case-picker-toolbar p{color:var(--muted);font-size:12px}.module-picker{max-height:520px;overflow:auto;border-top:1px solid var(--line);background:#fff}.module-group{border-bottom:1px solid var(--line)}.module-group summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:#fafbfc}.module-group summary>span{display:flex;align-items:center}.module-group summary small{margin-left:10px;color:var(--muted);font-weight:400}.module-select{display:flex;gap:7px;align-items:center;font-size:12px}.module-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.case-option{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fff;cursor:pointer}.case-option:hover{background:#f8f8ff}.case-option>span{min-width:0}.case-option b,.case-option span span,.case-option small{display:block}.case-option b{color:var(--primary);font-size:12px}.case-option span span{font-weight:600;margin:2px 0}.case-option small{color:var(--muted)}@media(max-width:800px){.case-picker-toolbar{align-items:stretch;flex-direction:column}.case-picker-toolbar .filter-search{min-width:100%}.module-cases{grid-template-columns:1fr}}