:root{color:#17221d;font-synthesis:none;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;font-weight:750}.page{width:min(1180px,100% - 32px);margin:auto;padding:52px 0 80px}.hero{margin-bottom:30px}.eyebrow{color:#12724b;letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(34px,5vw,56px)}h2{margin-bottom:6px;font-size:19px}p{color:#637069}.panel{background:#fff;border:1px solid #dfe7e2;border-radius:16px;margin-bottom:18px;padding:24px;box-shadow:0 8px 30px #1832250b}.upload,.heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.upload p,.heading p,.panel>p{margin-bottom:0}.file-name{color:#45544c;overflow-wrap:anywhere;margin-left:auto;font-size:14px}.primary{color:#fff;background:#147a51}.primary:hover{background:#0e6542}.secondary{color:#126443;background:#e8f5ee}.remove{color:#a13a37;background:#fff1f0}.settings{margin-top:20px}.settings-head,.settings-row{grid-template-columns:repeat(3,minmax(100px,160px)) auto;align-items:end;gap:12px;margin-bottom:10px;display:grid}.settings-head{color:#68756e;text-transform:uppercase;font-size:12px;font-weight:800}.settings-row label span{display:none}input{color:#17221d;background:#fbfdfc;border:1px solid #cbd7d0;border-radius:8px;width:100%;padding:10px 11px}input:focus{border-color:#147a51;outline:2px solid #87c8a9}.cards{grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0;display:grid}.cards article{background:#fff;border:1px solid #dfe7e2;border-radius:14px;padding:20px}.cards span{color:#68756e;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.cards strong{font-size:25px}.cards .total{color:#fff;background:#147a51;border-color:#147a51}.cards .total span{color:#d9f1e5}.scroll{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edea;padding:12px 13px}th{color:#536159;text-transform:uppercase;white-space:nowrap;background:#f5f8f6;font-size:12px}.tag{color:#126443;background:#e8f5ee;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:800}.message{border-radius:8px;padding:12px 14px}.error{color:#8b2f2b;background:#fff0ef}@media (width<=850px){.page{width:min(100% - 20px,1180px);padding-top:28px}.upload,.heading{flex-direction:column;align-items:stretch}.file-name{margin-left:0}.cards{grid-template-columns:repeat(2,1fr)}.cards .total{grid-column:span 2}}@media (width<=560px){.panel{padding:18px}.settings-head{display:none}.settings-row{border-bottom:1px solid #e8edea;grid-template-columns:1fr 1fr;padding-bottom:14px}.settings-row label span{color:#68756e;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.cards{grid-template-columns:1fr}.cards .total{grid-column:auto}}.button-group{flex-wrap:wrap;gap:10px;display:flex}.file-list{gap:9px;margin-top:22px;display:grid}.file-row{background:#fbfdfc;border:1px solid #dfe7e2;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.file-row-error{background:#fff8f7;border-color:#efb5b1}.file-index{color:#126443;background:#e8f5ee;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.file-details{gap:3px;min-width:0;display:grid}.file-details strong,.file-details span{overflow-wrap:anywhere}.file-details span{color:#68756e;font-size:12px}.file-details .file-error{color:#a13a37;font-weight:700}.empty-files{color:#68756e;text-align:center;border:1px dashed #cbd7d0;border-radius:10px;margin-top:20px;padding:24px}.calculate-row{border-top:1px solid #e8edea;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;padding-top:18px;display:flex}.calculate-row span{color:#68756e;font-size:13px;font-weight:700}.calculate{min-width:150px}.cards{grid-template-columns:repeat(6,1fr)}@media (width<=1050px){.cards{grid-template-columns:repeat(3,1fr)}.cards .total{grid-column:auto}}@media (width<=560px){.button-group{grid-template-columns:1fr 1fr;display:grid}.file-row{grid-template-columns:28px minmax(0,1fr)}.file-row .remove{grid-column:2;justify-self:start}.calculate-row{flex-direction:column;align-items:stretch}.calculate{width:100%}}