:root{--ink:#17211b;--muted:#6c756f;--line:#dce3de;--paper:#fff;--surface:#f3f5f2;--brand:#176b47;--brand-dark:#0d4c31;--accent:#d7efdf;--danger:#b42318}*{box-sizing:border-box}html,body{background:var(--surface);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{color:#fff;background:var(--brand);border-radius:12px;place-items:center;width:40px;height:40px;font:700 22px Georgia,serif;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.topActions{gap:10px;display:flex}.primary,.secondary{border:1px solid var(--line);border-radius:10px;padding:11px 16px;font-weight:700}.logoutButton{color:#8f1d16;background:#fff;border:1px solid #efc7c3;border-radius:10px;justify-content:center;align-items:center;padding:11px 14px;font-weight:800;text-decoration:none;display:inline-flex}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--ink);background:#fff}.workspace{grid-template-columns:minmax(460px,620px) minmax(560px,1fr);min-height:calc(100vh - 74px);display:grid}.editor{border-right:1px solid var(--line);background:#fff;padding:38px 42px 70px}.intro{margin-bottom:28px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.intro h1{letter-spacing:-.03em;margin:7px 0 8px;font:700 34px/1.08 Georgia,serif}.intro p{color:var(--muted);margin:0}.databaseCard{background:#f1faf4;border:1px solid #b9d5c5;border-radius:12px;grid-template-columns:1fr 1.2fr;align-items:center;gap:14px;margin:22px 0 8px;padding:15px;display:grid}.databaseCard div{flex-direction:column;gap:4px;display:flex}.databaseLabel{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.databaseCard strong{font-size:13px}.historyPanel{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:390px;margin:14px 0 24px;overflow:auto}.historyHead{z-index:2;border-bottom:1px solid var(--line);background:#f6f8f6;justify-content:space-between;align-items:center;padding:13px 15px;display:flex;position:sticky;top:0}.historyHead button,.historyActions button{color:var(--brand);background:0 0;border:0;font-size:11px;font-weight:800}.historyPanel>p{color:var(--muted);padding:8px 15px 18px;font-size:13px}.historyItem{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.historyItem>div:first-child{gap:3px;display:grid}.historyItem strong{font-size:12px}.historyItem span{color:var(--muted);font-size:11px}.historyItem b{color:var(--brand-dark);font-size:13px}.historyActions{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.historyActions .deleteButton{color:var(--danger)}.sectionTitle{align-items:center;gap:10px;margin:30px 0 14px;font-weight:800;display:flex}.sectionTitle span{width:24px;height:24px;color:var(--brand);background:var(--accent);border-radius:50%;place-items:center;font-size:12px;display:grid}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field.wide{grid-column:1/-1}.field>span{color:#4f5a53;font-size:12px;font-weight:700}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd8d2;border-radius:9px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #176b471a}textarea{resize:vertical}.moneyInput{border:1px solid #cfd8d2;border-radius:9px;align-items:center;display:flex;overflow:hidden}.moneyInput:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #176b471a}.moneyInput b{color:var(--muted);padding-left:12px;font-size:12px}.moneyInput input{box-shadow:none;text-align:right;border:0}.textButton{color:var(--brand);background:0 0;border:0;padding:10px 0 0;font-size:13px;font-weight:700}.totalCard{background:var(--ink);color:#fff;border-radius:13px;grid-template-columns:1fr auto;gap:8px;margin-top:16px;padding:18px;display:grid}.totalCard span{opacity:.8;font-size:13px}.totalCard strong{font-size:24px}.totalCard small{color:#d7e0da;grid-column:1/-1}.totalCard.danger{background:var(--danger)}.notice{color:var(--brand-dark);background:var(--accent);border-radius:9px;margin-top:18px;padding:12px 14px;font-size:13px}.saveReceiptButton{border:1px solid var(--brand);width:100%;color:var(--brand);background:#fff;border-radius:9px;margin-top:18px;padding:12px;font-weight:800}.saveReceiptButton:disabled{opacity:.45;cursor:not-allowed}.previewArea{background:#e9ede9;padding:38px;overflow:auto}.previewLabel{max-width:794px;color:var(--muted);justify-content:space-between;margin:0 auto 12px;font-size:12px;font-weight:700;display:flex}.previewLabel em{font-style:normal;font-weight:400}.receipt{background:var(--paper);width:794px;min-height:1123px;margin:0 auto;padding:64px 66px;position:relative;box-shadow:0 10px 40px #24332a1f}.receiptHead{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:flex-start;padding-bottom:21px;display:flex}.receiptHead span{letter-spacing:.12em;font-size:12px;font-weight:800}.receiptHead h2{margin:7px 0 0;font:700 35px Georgia,serif}.receiptNumber{color:var(--muted);text-align:right;font-size:10px;line-height:1.55}.receiptNumber strong{color:var(--ink);font-size:13px}.receiptAlert{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;margin-top:18px;padding:10px 12px;font-size:12px;font-weight:700}.statement{color:#3f4943;margin:34px 0 14px;line-height:1.65}.statement strong{color:var(--ink)}.words{border-left:4px solid var(--brand);background:#f2f5f2;padding:16px 18px;font:700 16px/1.5 Georgia,serif}.receiptGrid{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1.1fr .9fr;gap:15px;padding:26px 0;display:grid}.receiptGrid div{flex-direction:column;gap:5px;display:flex}.receiptGrid span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.receiptGrid strong{font-size:12px}.receiptGrid small{color:#56615a;line-height:1.4}.items{margin-top:24px}.items>div{border-bottom:1px solid #edf0ed;justify-content:space-between;padding:9px 3px;font-size:13px;display:flex}.items strong{font-variant-numeric:tabular-nums}.items .itemsTotal{border-top:2px solid var(--ink);border-bottom:0;margin-top:5px;padding-top:14px;font-size:17px}.paymentCard{border:2px solid var(--brand);border-radius:10px;margin-top:24px;overflow:hidden}.paymentTitle{background:var(--brand);color:#fff;letter-spacing:.12em;padding:8px 14px;font-size:10px;font-weight:900}.paymentKey{background:#f1faf4;justify-content:space-between;align-items:center;gap:15px;padding:13px 14px;display:flex}.paymentKey span,.paymentSummary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.paymentKey strong{color:var(--brand-dark);overflow-wrap:anywhere;text-align:right;font-size:17px}.paymentSummary{border-top:1px solid #cce2d4;grid-template-columns:1fr 1fr;display:grid}.paymentSummary div{flex-direction:column;gap:4px;padding:11px 14px;display:flex}.paymentSummary div+div{border-left:1px solid #cce2d4}.paymentSummary strong{font-size:13px}.lateNotice{color:#61450f;background:#fff8e8;border-left:3px solid #b7791f;margin-top:11px;padding:10px 12px;font-size:10px;line-height:1.5}.notes{color:#56615a;margin-top:26px;font-size:12px;line-height:1.5}.signature{text-align:center;flex-direction:column;gap:5px;width:350px;margin:86px auto 0;font-size:12px;display:flex}.signatureLine{border-top:1px solid var(--ink);margin-bottom:5px}.signature span{color:var(--muted);font-size:10px}.issuer{text-align:center;flex-direction:column;gap:4px;margin:24px auto 0;font-size:11px;display:flex}.issuer span{color:var(--muted);font-size:9px}.receiptFooter{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:16px;font-size:10px;display:flex;position:absolute;bottom:55px;left:66px;right:66px}@media (width<=1180px){.workspace{grid-template-columns:1fr}.editor{border-right:0}.previewArea{border-top:1px solid var(--line)}}@media (width<=720px){.topbar{align-items:flex-start;gap:14px;height:auto;padding:14px 18px}.topActions{flex-direction:column}.workspace{display:block}.editor{padding:28px 20px 50px}.grid,.databaseCard{grid-template-columns:1fr}.field.wide{grid-column:auto}.previewArea{padding:20px 10px;overflow-x:auto}.receipt{transform-origin:0 0}}@page{size:A4;margin:0}@media print{body{background:#fff}.topbar,.editor,.previewLabel{display:none!important}.workspace{min-height:0;display:block}.previewArea{background:#fff;padding:0;overflow:visible}.receipt{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:17mm}.receiptFooter{bottom:15mm;left:17mm;right:17mm}}