:root{--ink:#102327;--muted:#6b7b7d;--brand:#087f79;--soft:#e6f3f1;--line:#dce6e5;--danger:#b54737}*{box-sizing:border-box}body{margin:0;background:#f4f7f6;color:var(--ink);font:15px/1.55 Inter,"Segoe UI",sans-serif}header{background:linear-gradient(120deg,#082f35,#0b5d5e);color:white;padding:42px max(5vw,24px);display:flex;justify-content:space-between;align-items:end}header h1{font-size:40px;margin:4px 0}header p{margin:0;color:#c5dedc}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8fd2ca}.status{background:#ffffff12;border:1px solid #ffffff25;padding:9px 14px;border-radius:99px}.status i{display:inline-block;width:8px;height:8px;background:#5ee6aa;border-radius:50%;margin-right:8px}main{max-width:1180px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:370px 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 8px 24px #173b3d0b}.upload{position:sticky;top:20px}h2{margin:0 0 16px;font-size:19px}h3{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.drop{border:1.5px dashed #9ab8b5;background:#f7fbfa;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center;cursor:pointer}.drop input{display:none}.drop span,.drop em{font-size:12px;color:var(--muted);font-style:normal}.drop em{margin-top:14px;color:var(--brand)}label{display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:12px;color:#405659}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}input,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}button{width:100%;margin-top:20px;border:0;border-radius:9px;padding:12px;background:var(--brand);color:white;font-weight:700;cursor:pointer}.secondary{background:var(--soft);color:var(--brand)}.empty{text-align:center;padding:100px 25px}.pulse{font-size:42px;color:var(--brand)}#results{display:grid;gap:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{background:white;border:1px solid var(--line);border-radius:12px;padding:15px;min-height:105px}.cards span,.cards small{display:block;color:var(--muted);font-size:12px}.cards strong{font-size:25px;display:block;margin:8px 0}.cards strong.small{font-size:15px}.two{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.heading{display:flex;justify-content:space-between}.heading span{font-size:12px;color:var(--muted)}canvas{width:100%;height:140px;background:#f7fbfa;border-radius:8px}#risks>div{margin:11px 0}.risk-head{display:flex;justify-content:space-between}.bar{height:7px;background:#edf3f2;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand)}pre{white-space:pre-wrap;font:14px/1.8 "Segoe UI";color:#263a3d}.warning{color:var(--danger);font-size:12px}.error{color:var(--danger);font-size:12px;margin-top:10px}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:900px){main{grid-template-columns:1fr}.upload{position:static}.cards{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media(max-width:520px){header{align-items:start;gap:20px;flex-direction:column}.cards,.grid{grid-template-columns:1fr}}