.testlab-view{--tl-cyan:#4bd7ff;--tl-blue:#287cff;--tl-green:#43dfa2;--tl-gold:#efb75f;--tl-red:#ff7474;--tl-bg:#06111d;--tl-panel:#0b1b2a;--tl-line:rgba(128,181,220,.2);min-height:calc(100vh - 12rem);padding:0;background:radial-gradient(circle at 18% 0,rgba(33,126,190,.16),transparent 30rem),linear-gradient(180deg,#071522,#06101b);color:#eaf6ff}
.testlab-shell{width:min(1680px,calc(100% - 36px));margin:0 auto;padding:30px 0 54px}
.testlab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}.testlab-head h1{margin:5px 0 7px;color:#fff;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05;letter-spacing:-.035em}.testlab-head p{max-width:820px;margin:0;color:#a9c5d8;font-size:1rem;line-height:1.62}.testlab-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--tl-gold);font-size:.74rem;font-weight:850;letter-spacing:.13em}.testlab-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tl-gold);box-shadow:0 0 18px var(--tl-gold)}
.testlab-head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.testlab-head-actions a,.testlab-head-actions button,.testlab-admin-flow button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 15px;border:1px solid rgba(75,215,255,.38);border-radius:11px;background:#0d263a;color:#ecf9ff;font:inherit;font-weight:780;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.2);transition:.2s ease}.testlab-head-actions button{border-color:rgba(67,223,162,.5);background:linear-gradient(135deg,#147d62,#105842)}.testlab-head-actions a:hover,.testlab-head-actions button:hover,.testlab-admin-flow button:hover,.testlab-head-actions a:focus-visible,.testlab-head-actions button:focus-visible,.testlab-admin-flow button:focus-visible{outline:2px solid var(--tl-cyan);outline-offset:2px;transform:translateY(-2px);filter:brightness(1.08)}
.testlab-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.testlab-summary article{display:grid;grid-template-columns:1fr auto;align-content:center;min-height:100px;padding:17px 19px;border:1px solid var(--tl-line);border-radius:15px;background:linear-gradient(145deg,rgba(16,40,61,.94),rgba(7,23,37,.94));box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.16)}.testlab-summary small{grid-column:1/-1;color:#7da0b9;font-size:.66rem;font-weight:850;letter-spacing:.12em}.testlab-summary strong{color:#fff;font-size:1.85rem;line-height:1.1}.testlab-summary span{align-self:end;color:#8eacbf;font-size:.76rem;text-align:right;margin-bottom:3px}
.testlab-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.testlab-main{display:grid;gap:14px}.testlab-panel,.testlab-changelog{border:1px solid var(--tl-line);border-radius:17px;background:linear-gradient(155deg,rgba(12,31,47,.97),rgba(6,20,32,.97));box-shadow:0 26px 60px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.testlab-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--tl-line);background:rgba(15,39,58,.75)}.testlab-panel>header>div{display:flex;align-items:center;gap:13px}.testlab-panel h2,.testlab-changelog h2{margin:0;color:#fff;font-size:1.08rem}.testlab-panel header p,.testlab-changelog header p{margin:3px 0 0;color:#86a5ba;font-size:.76rem;line-height:1.45}.testlab-section-number{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:1px solid rgba(75,215,255,.3);border-radius:10px;background:rgba(31,130,188,.14);color:var(--tl-cyan);font:850 .7rem ui-monospace,SFMono-Regular,Consolas,monospace}.testlab-honesty,.testlab-private,.testlab-last-run,.testlab-device-progress{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(67,223,162,.28);border-radius:999px;background:rgba(32,147,105,.1);color:var(--tl-green);font-size:.67rem;font-weight:800;letter-spacing:.04em}
.testlab-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--tl-line)}.testlab-matrix article{min-height:190px;padding:18px 15px;background:#081725}.testlab-matrix-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border:1px solid rgba(104,179,226,.28);border-radius:11px;background:#0e2840;color:var(--tl-cyan);font:850 .72rem ui-monospace,Consolas,monospace}.testlab-matrix b{display:block;color:#fff;font-size:.86rem;line-height:1.35}.testlab-matrix p{min-height:55px;margin:7px 0 14px;color:#88a8bc;font-size:.72rem;line-height:1.5}.testlab-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850;letter-spacing:.05em}.testlab-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.testlab-status.pass{color:var(--tl-green);background:rgba(67,223,162,.11)}.testlab-status.warn{color:var(--tl-gold);background:rgba(239,183,95,.11)}.testlab-status.fail{color:var(--tl-red);background:rgba(255,116,116,.11)}
.testlab-progress{height:5px;background:#04101a}.testlab-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--tl-blue),var(--tl-green));box-shadow:0 0 14px rgba(67,223,162,.45);transition:width .35s ease}.testlab-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.testlab-result{display:grid;grid-template-columns:29px 1fr;gap:10px;min-height:78px;padding:12px;border:1px solid var(--tl-line);border-radius:12px;background:rgba(4,16,26,.68);animation:testlab-in .28s ease both}.testlab-result i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(75,215,255,.1);color:var(--tl-cyan);font-style:normal;font-weight:900}.testlab-result.pass i{color:var(--tl-green);background:rgba(67,223,162,.1)}.testlab-result.warn i{color:var(--tl-gold);background:rgba(239,183,95,.1)}.testlab-result.fail i{color:var(--tl-red);background:rgba(255,116,116,.1)}.testlab-result b{display:block;color:#f1f9ff;font-size:.78rem}.testlab-result p{margin:3px 0 0;color:#789bb1;font-size:.68rem;line-height:1.45}
.testlab-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.testlab-check{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid var(--tl-line);border-radius:11px;background:rgba(6,20,32,.72);color:#cfe2ee;text-align:left;font:inherit;cursor:pointer;transition:.18s ease}.testlab-check:hover,.testlab-check:focus-visible{outline:none;border-color:rgba(75,215,255,.55);background:rgba(15,44,65,.8)}.testlab-check i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(111,173,212,.25);border-radius:9px;color:#7399b0;font-style:normal;font-size:.75rem}.testlab-check span{font-size:.76rem;line-height:1.35}.testlab-check small{color:#63849a;font-size:.62rem}.testlab-check.done{border-color:rgba(67,223,162,.38);background:rgba(29,111,84,.13)}.testlab-check.done i{color:#06151c;background:var(--tl-green);border-color:var(--tl-green)}.testlab-check.done small{color:var(--tl-green)}
.testlab-admin-flow{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;padding:18px}.testlab-admin-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0;padding:0;list-style:none;counter-reset:admin}.testlab-admin-flow li{counter-increment:admin;min-height:135px;padding:15px;border:1px solid var(--tl-line);border-radius:12px;background:rgba(5,18,29,.65)}.testlab-admin-flow li:before{content:"0" counter(admin);display:block;margin-bottom:17px;color:var(--tl-cyan);font:850 .71rem ui-monospace,Consolas,monospace}.testlab-admin-flow li b{display:block;color:#fff;font-size:.78rem;margin-bottom:5px}.testlab-admin-flow li p{margin:0;color:#7f9fb4;font-size:.68rem;line-height:1.5}.testlab-admin-flow aside{padding:16px;border:1px solid rgba(239,183,95,.28);border-radius:13px;background:rgba(72,48,17,.12)}.testlab-admin-flow aside strong{color:#ffe2ad;font-size:.83rem}.testlab-admin-flow aside p{margin:8px 0 15px;color:#a99a7f;font-size:.71rem;line-height:1.55}.testlab-admin-flow button{width:100%;border-color:rgba(239,183,95,.42);background:linear-gradient(135deg,#8b5a20,#694316);font-size:.73rem}
.testlab-changelog{position:sticky;top:156px}.testlab-changelog>header{padding:21px 19px 17px;border-bottom:1px solid var(--tl-line)}.testlab-changelog>header>span{color:var(--tl-gold);font-size:.65rem;font-weight:850;letter-spacing:.12em}.testlab-changelog h2{margin-top:6px;font-size:1.25rem}.testlab-fixed-item{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(128,181,220,.11)}.testlab-fixed-item>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(67,223,162,.11);color:var(--tl-green);font-size:.7rem}.testlab-fixed-item b{display:block;color:#dcecf6;font-size:.76rem;line-height:1.35}.testlab-fixed-item p{margin:3px 0 0;color:#7395aa;font-size:.66rem;line-height:1.45}.testlab-changelog footer{display:flex;gap:11px;padding:16px;background:rgba(30,112,82,.1)}.testlab-changelog footer>span{color:var(--tl-green)}.testlab-changelog footer p{display:grid;gap:3px;margin:0}.testlab-changelog footer b{color:#dff8ee;font-size:.74rem}.testlab-changelog footer p>span{color:#789baf;font-size:.67rem;line-height:1.45}
@keyframes testlab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1280px){.testlab-layout{grid-template-columns:1fr}.testlab-changelog{position:static}.testlab-fixed-list{display:grid;grid-template-columns:repeat(2,1fr)}.testlab-matrix{grid-template-columns:repeat(3,1fr)}.testlab-admin-flow ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.testlab-shell{width:min(100% - 20px,740px);padding-top:20px}.testlab-head{align-items:flex-start;flex-direction:column}.testlab-head-actions{width:100%;justify-content:stretch}.testlab-head-actions a,.testlab-head-actions button{flex:1}.testlab-summary{grid-template-columns:1fr 1fr}.testlab-matrix{grid-template-columns:1fr 1fr}.testlab-results,.testlab-checklist{grid-template-columns:1fr}.testlab-admin-flow{grid-template-columns:1fr}.testlab-fixed-list{grid-template-columns:1fr}}
@media(max-width:560px){.testlab-head-actions{flex-direction:column}.testlab-summary{grid-template-columns:1fr}.testlab-panel>header{align-items:flex-start;flex-direction:column}.testlab-matrix{grid-template-columns:1fr}.testlab-matrix article{min-height:auto}.testlab-matrix p{min-height:0}.testlab-admin-flow ol{grid-template-columns:1fr}.testlab-admin-flow li{min-height:auto}.testlab-check{grid-template-columns:32px 1fr}.testlab-check small{grid-column:2}.testlab-fixed-list{display:block}}
@media(prefers-reduced-motion:reduce){.testlab-view *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
