*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#172033}header{height:68px;background:#101827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1220px)/2))}header b{font-size:19px}header span{display:block;font-size:11px;color:#9ba8bd;margin-top:2px}header button{background:#263247;border:0;color:#fff;border-radius:10px;padding:9px 12px}main{max-width:1220px;margin:auto;padding:26px 20px 50px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero h1{font-size:32px;margin:0 0 7px}.hero p{margin:0;color:#697386}.score{text-align:right}.score strong{display:block;font-size:30px}.card{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:20px;box-shadow:0 5px 20px #15213a0a}.tabs{display:flex;gap:8px;border-bottom:1px solid #e8edf4;margin:-5px -4px 18px;padding:0 4px}.tab{border:0;background:transparent;padding:12px 15px;color:#687386;cursor:pointer}.tab.active{color:#2459e0;border-bottom:2px solid #2459e0;font-weight:700}.pane{display:none}.pane.active{display:block}.notice{background:#f1f6ff;border:1px solid #d7e5ff;border-radius:11px;padding:13px;color:#385078}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.upload{border:0;border-radius:10px;background:#2459e0;color:white;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block}.upload{background:#eef2f7;color:#27344c}.upload input{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}label{font-size:12px;font-weight:700;color:#556176}input,select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dce2eb;border-radius:9px;background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 0}.metric small{color:#7a8497}.metric strong{display:block;font-size:26px;margin-top:7px}.layout{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px}.title{display:flex;align-items:center;justify-content:space-between}.title h2{margin:0 0 16px;font-size:18px}.title span{font-size:12px;color:#8b94a5}.title button{border:0;background:#eef2f7;padding:8px 12px;border-radius:8px}.chart{height:245px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #dfe5ee;padding-top:20px}.barbox{flex:1;text-align:center;font-size:10px;color:#7a8497}.bar{min-height:3px;border-radius:5px 5px 0 0;background:#587be6;position:relative}.bar.best{background:#24a66a}.barbox b{display:block;margin-top:7px}.recommendation{background:linear-gradient(145deg,#17243b,#23395f);color:white}.recommendation small{color:#90a7cf;font-weight:800}.recommendation h2{font-size:25px}.recommendation p{color:#c0cee4}.rankitem{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:10px 0;font-size:13px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-top:1px solid #edf0f5;font-size:13px}th{color:#748095;font-size:11px}.empty{text-align:center;color:#9aa4b5;padding:30px}.pill{padding:4px 8px;border-radius:20px;background:#edf2fa}.dark{background:#0d1420;color:#dfe7f3}.dark .card{background:#151f2e;border-color:#273449}.dark input,.dark select{background:#101827;color:#fff;border-color:#33425a}.dark .tab{color:#aeb9ca}.dark .tab.active{color:#7da3ff}.dark th,.dark td,.dark .tabs{border-color:#28364a}@media(max-width:800px){.grid,.metrics{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.hero h1{font-size:25px}}@media(max-width:520px){.grid,.metrics{grid-template-columns:1fr}.hero{align-items:flex-start}.score{display:none}}
.scanstatus{margin-top:12px;padding:10px 12px;border-radius:9px;background:#f7f9fc;color:#657188;font-size:12px}
.scanstatus.ok{background:#ecf9f2;color:#17764a}.scanstatus.err{background:#fff0f0;color:#a33}
#autoToggle.on{background:#dff6ea;color:#117744}