:root{--red:#b5122b;--red2:#941023;--bg:#f6f7f9;--panel:#fff;--line:#e2e6eb;--text:#24303d;--muted:#687481;--green:#278250;--shadow:0 8px 24px rgba(45,56,67,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}.shell{width:min(980px,calc(100% - 28px));margin:auto;padding:14px 0 28px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:12px}.brand img{width:92px;height:auto;display:block}.status{margin-left:auto;display:flex;gap:7px;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:#a85b00}.dot.online{background:var(--green)}.hero,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hero{border-top:4px solid var(--red);padding:16px 20px}.eyebrow{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:5px 0;font-size:28px}.hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.step{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.step b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:#eef0f3;color:var(--muted)}.step.active{border-color:#dba7af;color:var(--red);background:#fff7f8}.step.active b,.step.done b{background:var(--red);color:#fff}.panel{padding:18px}.panel h2{margin:0 0 14px;color:var(--red);font-size:19px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:4px}label{font-size:12px;font-weight:700}input,select{width:100%;padding:10px;border:1px solid #ccd3da;border-radius:7px;background:#fff;color:var(--text);font:inherit}input:focus,select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(181,18,43,.08)}.helper,.notice{font-size:11px;line-height:1.5;color:var(--muted)}.notice{margin:12px 0 0;padding:9px 11px;border-left:3px solid var(--red);background:#fff5f6;color:#6f1725}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.btn{display:inline-block;min-width:150px;padding:11px 18px;border:0;border-radius:7px;text-align:center;text-decoration:none;cursor:pointer;font:inherit;font-weight:800}.btn.primary{background:var(--red);color:#fff}.btn.secondary{background:#fff;color:var(--red);border:1px solid #d9a2ab}.btn:disabled{opacity:.55;cursor:wait}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.metric small{display:block;color:var(--muted);margin-bottom:4px}.metric strong{font-size:15px}.result-card{margin-top:12px;padding:16px;border:1px solid #e3b0b8;border-radius:10px;background:#fff7f8}.risk{font-size:28px;color:var(--red);font-weight:800}.error{margin-top:12px;padding:10px;border-left:3px solid var(--red);background:#fff4f5;color:#8d1124}.preview{max-width:100%;max-height:360px;display:block;margin:12px auto;border:1px solid var(--line);border-radius:8px}.drop{padding:22px;border:2px dashed #d4a0a8;border-radius:10px;background:#fff8f8}.pred{margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.pred-head{display:flex;justify-content:space-between;gap:10px}.bar{height:7px;margin-top:7px;border-radius:5px;background:#e9ebee;overflow:hidden}.bar span{display:block;height:100%;background:var(--red)}footer{text-align:center;margin-top:10px;color:var(--muted);font-size:11px}@media(max-width:650px){.grid,.summary,.steps{grid-template-columns:1fr}.actions{flex-direction:column-reverse}.btn{width:100%}.brand img{width:82px}}

/* Website-only header */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--red);flex-shrink:0}.brand-title{font-size:23px;font-weight:800;letter-spacing:-.5px}.topnav{display:flex;gap:8px;margin-left:auto}.topnav a{padding:9px 12px;border:1px solid #d9a2ab;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800;color:var(--red);background:#fff;white-space:nowrap}.topnav a:hover{background:#fff3f5}.status{margin-left:0;white-space:nowrap}select:disabled{background:#edf0f3;color:#7c8791;cursor:not-allowed}@media(max-width:760px){.topbar{flex-wrap:wrap}.topnav{order:3;width:100%;margin-left:0}.topnav a{flex:1;text-align:center}.status{margin-left:auto}.brand-title{font-size:19px}}