:root{--ink:#19263a;--blue:#3766df;--muted:#718097;--line:#e6ebf2;--soft:#f6f8fb;--green:#23966d}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif}header{height:66px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}header a{text-decoration:none;color:inherit}.brand{font-size:11px;letter-spacing:.12em;font-weight:800}.brand span{color:var(--blue)}nav{display:flex;gap:23px;font-size:11px;color:#66758a}nav a:hover,footer a:hover{color:var(--blue)}main{max-width:1050px;margin:0 auto;padding:56px 22px 35px}.intro{max-width:690px;margin:0 auto 34px;text-align:center}.kicker,.eyebrow{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.16em}.intro h1{font:500 clamp(42px,6vw,65px)/.99 Georgia,serif;letter-spacing:-.05em;margin:18px 0}.intro h1 em{font-weight:400;color:#8191a6}.intro p{font-size:13px;line-height:1.65;color:#6f7d91;max-width:550px;margin:0 auto}.app{background:white;border:1px solid #e3e8ef;border-radius:12px;box-shadow:0 22px 70px #1b315117;overflow:hidden}.app-top{height:63px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-name{display:flex;gap:10px;align-items:center}.app-name img{object-fit:contain}.app-name strong{font-size:13px}.app-name span{font-size:10px;color:#91a0b3;border-left:1px solid var(--line);padding-left:10px}.status{font-size:9px;color:#62728a;background:#f5f8fc;padding:8px 10px;border-radius:20px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38bb8a;margin-right:6px}.controls{padding:22px 24px;background:#fbfcfe;border-bottom:1px solid var(--line)}.controls label{display:block;font-size:8px;letter-spacing:.13em;color:#8592a5;font-weight:800;margin-bottom:8px}.input-row{display:flex;gap:9px}.input-row select{min-width:210px;border:1px solid #dfe6ef;border-radius:6px;padding:0 12px;background:#fff;color:#314158;font:inherit;font-size:11px}.mode{display:flex;padding:3px;border:1px solid #e4e9f0;border-radius:7px;background:white}.mode-btn{border:0;background:transparent;color:#718097;font-size:9px;padding:0 11px;border-radius:5px;cursor:pointer}.mode-btn.active{background:#eef3ff;color:#315ecb;font-weight:700}.run{margin-left:auto;border:0;background:var(--blue);color:white;padding:0 15px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}.run:hover{background:#294fc2}.run span{margin-left:14px}.controls small{display:block;font-size:9px;color:#a0aaba;margin-top:9px}.report{padding:24px}.report-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 18px}.report-head h2{font-size:20px;margin:6px 0 0;letter-spacing:-.03em}.score{display:flex;align-items:center;gap:9px}.score span{font-size:31px;font-weight:750;color:var(--blue);letter-spacing:-.06em}.score small{font-size:8px;color:#8794a7;line-height:1.5}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{border:0;background:none;padding:12px 0;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:10px;color:#7b889b;cursor:pointer}.tab.active{color:var(--blue);border-color:var(--blue);font-weight:750}.pane[hidden]{display:none}.pane.active{display:block}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{border:1px solid #e9edf3;border-radius:8px;padding:17px;background:white}.panel h3{font-size:11px;margin:0 0 15px}.stack-row{display:grid;grid-template-columns:1fr 1.2fr .75fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2f6;font-size:9px;color:#7c899b}.stack-row:last-child{border:0}.stack-row b{color:#33435a;font-size:9px}.stack-row i{font-style:normal;font-size:8px;color:#9aa5b4}.stack-row .ok{color:var(--green)}.metric-row{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px;color:#718097;margin:12px 0}.metric-row b{color:#3a4960}.metric-row i{grid-column:1/-1;height:5px;background:#edf1f6;border-radius:5px}.metric-row em{display:block;height:100%;background:linear-gradient(90deg,#8baeff,#3766df);border-radius:5px}.muted-note{font-size:8px;color:#9aa5b4;line-height:1.5;margin:12px 0 0}.detail-list span{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #eff2f6;font-size:10px;line-height:1.5}.detail-list span:last-child{border:0}.detail-list b{color:#8290a3}.detail-list i{font-style:normal;color:#4f5f75}.action{display:grid;grid-template-columns:70px 1fr 100px;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #eff2f6}.priority{font-size:7px;letter-spacing:.06em;padding:6px;border-radius:4px;text-align:center}.priority.high{color:#a45d12;background:#fff5e3}.priority.medium{color:#4268b8;background:#edf3ff}.priority.low{color:#66748a;background:#f1f3f6}.action span{font-size:9px;color:#748197;line-height:1.55}.action strong{display:block;font-size:10px;color:#324258;margin-bottom:3px}.action small{font-size:8px;color:#9aa5b4;text-align:right}.email-box{background:#fafbfd;border:1px solid #edf0f4;padding:16px;border-radius:6px;color:#66748a;font-size:10px;line-height:1.65}.email-box b{display:block;color:#35445b;margin-bottom:14px;font-size:10px}.email-box p{margin:8px 0}.app-foot{display:flex;justify-content:space-between;padding:13px 24px;border-top:1px solid var(--line);background:#fbfcfe;font-size:8px;color:#9aa5b4}.app-foot a{text-decoration:none;color:#63738b}.safety{text-align:center;color:#9aa5b4;font-size:9px;margin-top:17px}footer{max-width:1050px;margin:0 auto;padding:22px;color:#8793a4;font-size:9px;display:flex;justify-content:space-between}footer a{color:#596980;text-decoration:none;font-weight:700}@media(max-width:700px){header{height:58px;padding:0 15px}nav{gap:12px;font-size:9px}main{padding:39px 13px}.intro{margin-bottom:24px}.app-top{padding:0 14px}.controls{padding:16px}.input-row{flex-wrap:wrap}.input-row select{flex:1}.mode{height:37px}.run{height:38px;width:100%;margin:0}.report{padding:17px 13px}.tabs{gap:16px;overflow:auto}.tab{white-space:nowrap}.overview-grid{grid-template-columns:1fr}.detail-list span{grid-template-columns:100px 1fr;gap:10px}.action{grid-template-columns:65px 1fr}.action small{grid-column:2;text-align:left}.app-foot{padding:12px}.status{font-size:8px}}
