*{box-sizing:border-box}
:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f4f6f8}
body{margin:0;background:#f4f6f8;color:#172033}.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:32px 0 60px}
.hero{background:#fff;border:1px solid #e4e8ed;border-radius:22px;padding:30px 32px;margin-bottom:18px;box-shadow:0 10px 30px rgba(25,40,60,.06)}.brand{font-size:13px;font-weight:900;letter-spacing:.16em;color:#5f6c7b;margin-bottom:8px}h1{font-size:clamp(28px,5vw,48px);line-height:1.05;margin:0 0 12px}h2{font-size:21px;margin:0 0 8px}p{line-height:1.55;margin:0}.muted{color:#687382}.card{display:flex;gap:18px;background:#fff;border:1px solid #e4e8ed;border-radius:20px;padding:22px;margin-top:16px;box-shadow:0 8px 24px rgba(25,40,60,.04)}.step{width:40px;height:40px;min-width:40px;border-radius:50%;display:grid;place-items:center;background:#172033;color:white;font-weight:900;font-size:18px}.grow{flex:1}.dropzone{margin-top:16px;min-height:112px;border:2px dashed #b7c0cc;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;padding:20px;cursor:pointer;background:#fafbfc;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:#172033;background:#f0f3f6}.upload-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-size:27px}.file-info{margin-top:12px;font-size:14px;color:#536170}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.form-grid label{font-size:12px;font-weight:800;color:#596574}.form-grid label.wide{grid-column:span 2}.form-grid input,.form-grid select,.vat-select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfd6df;border-radius:10px;background:#fff;color:#172033;font-size:14px}.vat-select{min-width:90px;margin:0}
.summary{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}.stat{background:#fff;border:1px solid #e4e8ed;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(25,40,60,.03)}.stat span{display:block;color:#778290;font-size:13px;margin-bottom:7px}.stat strong{font-size:20px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.primary,.secondary,.dark{border:0;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:800;cursor:pointer}.primary{background:#172033;color:#fff}.secondary{background:#eef1f5;color:#172033;border:1px solid #dbe1e8}.dark{background:#050a12;color:#fff}.primary:hover,.secondary:hover,.dark:hover{filter:brightness(1.06)}.vat-note{margin-top:12px;color:#596574;font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;width:100%}.table-wrap{overflow:auto;width:100%;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebef;font-size:14px}th{color:#65717f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td.amount{text-align:right;font-weight:800}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.badge.good{background:#e8f7ee;color:#237746}.badge.bad{background:#ffeded;color:#ad3030}.good-text{color:#237746}.bad-text{color:#ad3030}.action-card{align-items:flex-start}
@media(max-width:980px){.summary{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr 1fr}.form-grid label.wide{grid-column:span 2}}
@media(max-width:760px){.wrap{width:min(100% - 18px,1180px);padding-top:12px}.hero{padding:24px 20px}.card{padding:18px 14px}.summary{grid-template-columns:1fr 1fr}.step{width:34px;height:34px;min-width:34px;font-size:16px}.dropzone{justify-content:flex-start}.stat{padding:14px}.stat strong{font-size:19px}th,td{padding:10px 8px}.card{gap:12px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.button-row>*{flex:1 1 45%}}
@media(max-width:430px){.summary{grid-template-columns:1fr}.card{display:block}.step{margin-bottom:12px}.button-row>*{flex:1 1 100%}}