:root{--bg:#f6f7f9;--surface:#ffffff;--surface-2:#f1f3f6;--border:#e2e5ea;--text:#16191f;--muted:#5d6573;--accent:#3b5bdb;--accent-hover:#2f4ac0;--accent-soft:#eef2ff;--pass:#1f8a4c;--pass-soft:#e6f6ec;--warn:#a86400;--warn-soft:#fff4e0;--fail:#c92a2a;--fail-soft:#fdecec;--info:#5d6573;--info-soft:#eef0f3;--run:#1c7ed6;--run-soft:#e7f3fd;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,0.05);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a20;--surface-2:#1e222a;--border:#2a2f39;--text:#e8eaee;--muted:#9aa3b2;--accent:#748ffc;--accent-hover:#91a7ff;--accent-soft:#1f2540;--pass:#51cf66;--pass-soft:#14291b;--warn:#fcc419;--warn-soft:#2e2512;--fail:#ff6b6b;--fail-soft:#331719;--info:#9aa3b2;--info-soft:#22262e;--run:#4dabf7;--run-soft:#112638;--shadow:none;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);padding:10px 12px;border-radius:8px;margin:6px 0}h1{font-size:22px;margin:0;letter-spacing:-.01em}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:56px;gap:24px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:8px;font-weight:700;font-size:16px;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:14px}.nav{display:flex;gap:4px;flex:1 1}.nav a{color:var(--muted);padding:6px 10px;border-radius:6px;font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted)}.crumbs{font-size:13px;margin-bottom:6px}.crumbs,.crumbs a{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stack>*+*{margin-top:16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.card-head h2{margin:0}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.stat .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat .value{font-size:26px;font-weight:700;margin-top:4px}@media (max-width:900px){.grid-2,.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{color:var(--fail)}.btn-danger:hover{background:var(--fail-soft)}.btn-sm{height:28px;padding:0 10px;font-size:13px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label.field{display:block;margin-bottom:14px}.field-label,label.field>span{display:block;font-weight:600;margin-bottom:5px}.hint{color:var(--muted);font-size:12.5px;margin-top:4px}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}textarea{resize:vertical;min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:8px;gap:8px}.check{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--surface)}.check:hover{border-color:var(--accent)}.check input{margin-top:3px}.check small,.check strong{display:block}.check small{color:var(--muted);line-height:1.35}.error-box{background:var(--fail-soft);color:var(--fail);padding:10px 12px;border-radius:8px;margin-bottom:14px}.empty,.muted{color:var(--muted)}.empty{text-align:center;padding:28px 12px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:8px 10px}td,th{border-bottom:1px solid var(--border)}td{padding:10px;vertical-align:top}tr:last-child td{border-bottom:none}tr.clickable:hover td{background:var(--surface-2)}.table-wrap{overflow-x:auto;margin:0 -18px;padding:0 18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.s-passed{background:var(--pass-soft);color:var(--pass)}.s-warning{background:var(--warn-soft);color:var(--warn)}.s-error,.s-failed{background:var(--fail-soft);color:var(--fail)}.s-running{background:var(--run-soft);color:var(--run)}.s-running:before{animation:pulse 1s infinite}.s-cancelled,.s-queued,.s-skipped{background:var(--info-soft);color:var(--info)}@keyframes pulse{50%{opacity:.25}}.summary-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-2);min-width:80px}.summary-bar span{display:block;height:100%}.bar-passed{background:var(--pass)}.bar-warning{background:var(--warn)}.bar-error,.bar-failed{background:var(--fail)}.bar-skipped{background:var(--border)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:500}.type-section{margin-top:20px}.type-section>h2{display:flex;align-items:center;gap:10px}.result{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px}.result>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.result>summary::-webkit-details-marker{display:none}.result>summary .name{font-weight:600;flex-shrink:0;max-width:45%}.result>summary .msg,.result>summary .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result>summary .msg{color:var(--muted);flex:1 1}.result>summary .dur{color:var(--muted);font-size:12px}.result[open]>summary{border-bottom:1px solid var(--border)}.result-body{padding:14px}.result-body h4{margin:14px 0 6px;font-size:13px}.result-body h4:first-child{margin-top:0}.shots{display:flex;gap:12px;flex-wrap:wrap}.shot{width:260px}.shot a{display:block;border:1px solid var(--border);border-radius:8px;overflow:hidden;height:190px;background:var(--surface-2)}.shot img{width:100%;display:block}.shot .cap{font-size:12px;color:var(--muted);margin-top:4px}video{max-width:100%;border-radius:8px;border:1px solid var(--border)}.scores{display:flex;gap:12px;flex-wrap:wrap}.score{width:86px;text-align:center}.score .ring{width:64px;height:64px;border-radius:50%;margin:0 auto 4px;display:grid;place-items:center;font-weight:700;font-size:18px;border:5px solid}.score small{color:var(--muted);font-size:12px}.good{color:var(--pass)}.avg{color:var(--warn)}.poor{color:var(--fail)}.list{margin:0;padding-left:18px}.list li{margin-bottom:4px}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:4px 16px;gap:4px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-all}.steps-editor .step{display:grid;grid-template-columns:28px 190px 1fr 1fr auto;grid-gap:8px;gap:8px;align-items:center;margin-bottom:8px}.steps-editor .num{color:var(--muted);font-weight:600;text-align:right}@media (max-width:800px){.steps-editor .step{grid-template-columns:1fr}.steps-editor .num{text-align:left}}.icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:14px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px}.login-card .brand{justify-content:center;margin-bottom:18px;font-size:20px}.user-chip{display:flex;align-items:center;gap:8px;color:var(--text);padding:4px 8px;border-radius:8px}.user-chip:hover{background:var(--surface-2);text-decoration:none}.user-chip strong{display:block;font-size:13px;line-height:1.2}.user-chip small{display:block;color:var(--muted);font-size:11.5px;line-height:1.2}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;flex-shrink:0}.role{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.role-super_admin{background:#f3e8ff;color:#7e22ce}.role-admin{background:var(--accent-soft);color:var(--accent)}.role-manager{background:var(--run-soft);color:var(--run)}.role-tester{background:var(--pass-soft);color:var(--pass)}.role-user{background:var(--info-soft);color:var(--info)}@media (prefers-color-scheme:dark){.role-super_admin{background:#2e1a45;color:#d8b4fe}}.notice{background:var(--pass-soft);color:var(--text);border:1px solid var(--pass);padding:12px 14px;border-radius:8px;margin-bottom:14px}.notice code{font-size:15px;font-weight:700;background:var(--surface);padding:2px 8px;border-radius:6px;-webkit-user-select:all;-moz-user-select:all;user-select:all}fieldset.plain{border:0;padding:0;margin:0;min-width:0}.radio-roles{display:grid;grid-gap:8px;gap:8px}@media (max-width:900px){.user-chip span:last-child{display:none}}