:root {
  --bbo-green:#1f6b4f; --bbo-green-dark:#164e3a; --text:#1f2937; --muted:#667085;
  --border:#d9e2dd; --surface:#fff; --bg:#f4f7f5;
  --green:#c6efce; --yellow:#fff2cc; --orange:#fce4d6; --red:#ffc7ce;
  --purple:#e4dfec; --gray:#e7e6e6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.botova-app{max-width:1180px;margin:0 auto;padding:32px 18px 60px}
.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px 32px;border-radius:20px;background:linear-gradient(135deg,var(--bbo-green-dark),var(--bbo-green));color:#fff;box-shadow:0 14px 34px rgba(22,78,58,.18)}
.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:8px 0 14px}
.hero p{max-width:760px;margin:0;color:#eef7f2}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:700}
.trust{display:flex;flex-wrap:wrap;gap:8px}.trust span{white-space:nowrap;background:rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;font-size:13px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;margin-top:22px;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.dropzone{border:2px dashed #a8c7b8;border-radius:16px;padding:46px 24px;text-align:center;background:#fbfdfc;transition:.2s}
.dropzone.dragover{border-color:var(--bbo-green);background:#f0f8f4}
.uploadIcon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;background:#e5f2eb;color:var(--bbo-green);font-size:30px;font-weight:700}
.dropzone h2{margin:6px 0}.dropzone p{color:var(--muted);margin:4px 0 18px}.dropzone small{display:block;color:var(--muted);margin-top:12px}
.btn{appearance:none;border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn-primary{background:var(--bbo-green);color:#fff}.btn-primary:hover{background:var(--bbo-green-dark)}
.btn-secondary{background:#eef3f0;color:var(--bbo-green-dark)}
.filebar{margin-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:12px;background:#f4f8f6}.filebar span{display:block;color:var(--muted);font-size:13px}
.hidden{display:none!important}
.cardHeader{display:flex;justify-content:space-between;gap:20px;align-items:center}.cardHeader h2{margin:4px 0 0}
.statusPill{background:#e5f2eb;color:var(--bbo-green-dark);padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}
.progressTrack{height:10px;background:#edf1ef;border-radius:999px;overflow:hidden;margin:22px 0 18px}.progressBar{height:100%;width:0;background:var(--bbo-green);transition:width .35s}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none}.steps li{padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:14px}.steps li.active{border-color:var(--bbo-green);color:var(--bbo-green-dark);font-weight:700;background:#f0f8f4}.steps li.done{background:#e8f5ed;color:#245c45}
.message{color:var(--muted)}
.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.metric{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:32px;margin-top:4px}.metric-green{background:var(--green)}.metric-purple{background:var(--purple)}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.legend span{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.legend-green{background:var(--green)}.legend-yellow{background:var(--yellow)}.legend-orange{background:var(--orange)}.legend-red{background:var(--red)}.legend-purple{background:var(--purple)}.legend-gray{background:var(--gray)}
.tableWrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{background:#f1f5f3;color:#334155;position:sticky;top:0}.resultCell{font-weight:700;border-radius:7px}
.c-green{background:var(--green)}.c-yellow{background:var(--yellow)}.c-orange{background:var(--orange)}.c-red{background:var(--red)}.c-purple{background:var(--purple)}.c-gray{background:var(--gray)}
.actions{display:flex;gap:8px}.privacy{font-size:13px;color:var(--muted)}
@media(max-width:800px){.hero{align-items:flex-start;flex-direction:column}.summaryGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.filebar,.cardHeader{align-items:stretch;flex-direction:column}}