:root{--bg:#f6f4ed;--surface:#fff;--ink:#14241f;--muted:#6a7873;--emerald:#063b34;--emerald2:#0d6758;--gold:#c7a05a;--line:#dce5e1}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{max-width:1180px;margin:auto;padding:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.grid{gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.btn{cursor:pointer;border:0;border-radius:12px;padding:11px 14px;font-weight:800;display:inline-flex}.primary{background:var(--emerald);color:#fff}.outline{border:1px solid var(--line);background:0 0}.top{background:var(--emerald);color:#fff;align-items:center;gap:16px;height:72px;padding:0 24px;display:flex}.top strong{font-size:18px}.top nav{gap:10px;margin-left:auto;display:flex}.top nav a{opacity:.86}.hero{padding:72px 0}.hero h1{letter-spacing:-.04em;margin:0 0 18px;font:700 clamp(44px,7vw,82px)/.95 Georgia,serif}.hero p{max-width:700px;color:var(--muted);font-size:18px}.metric strong{color:var(--emerald2);font-size:28px;display:block}.metric small{color:var(--muted)}.ey{letter-spacing:.12em;text-transform:uppercase;color:var(--emerald2);font-size:11px;font-weight:900}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.form{gap:12px;display:grid}.form input,.form select{border:1px solid var(--line);border-radius:12px;width:100%;padding:11px}.notice{color:#74591c;background:#fff7e7;border:1px solid #ecd7a7;border-radius:14px;padding:13px}@media (max-width:800px){.grid3{grid-template-columns:1fr}.top nav{display:none}}.table-scroll{margin:12px 0;overflow-x:auto}.table input{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:110px;padding:9px 10px}.row-actions{flex-wrap:wrap;gap:7px;display:flex}.mini{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;padding:8px 10px;font-weight:800}.mini:hover{background:#f4f7f5}.mini.save{background:var(--emerald);color:#fff;border-color:var(--emerald)}.mini.cancel{color:var(--muted)}.mini.delete{color:#9a2f2f;background:snow;border-color:#e8cccc}.mini:disabled{opacity:.55;cursor:not-allowed}.hpp-tip{margin:14px 0;font-size:14px}@media (max-width:700px){.table{min-width:760px}.row-actions{flex-direction:column}}.transaction-metrics{margin:18px 0}.sales-table{min-width:1250px}.sales-table input,.sales-table select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:105px;padding:8px 9px}.sales-table select{min-width:155px}.muted-note{color:var(--muted);font-size:12px;line-height:1.45}.profit-positive{color:#0a725f;font-weight:800}.profit-negative{color:#a02d2d;font-weight:800}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-head h2,.recap-grid h2,.payment-recap h2{margin:5px 0 12px}.recap-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.recap-table{min-width:660px}.payment-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.payment-card{border:1px solid var(--line);background:#fbfcfb;border-radius:16px;flex-direction:column;gap:5px;padding:16px;display:flex}.payment-card small,.payment-card span{color:var(--muted)}.payment-card strong{color:var(--emerald2);font-size:24px}@media (max-width:900px){.recap-grid,.payment-grid{grid-template-columns:1fr}}