.receipts-page{display:grid;gap:22px;max-width:1500px;margin:0 auto}.receipts-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#173f3b,#0b806d);box-shadow:0 18px 45px rgba(12,91,78,.18)}.receipts-hero h1{margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.receipts-hero p{margin:0;max-width:700px;color:rgba(255,255,255,.82)}.receipts-hero .eyebrow{color:#b7f2df}.receipts-create{white-space:nowrap;background:#fff!important;color:#126a5c!important;border-color:#fff!important}.receipts-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.receipts-metrics article{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface,#fff)}.receipts-metrics span{color:var(--muted);font-size:.84rem}.receipts-metrics strong{font-size:1.65rem}.receipts-toolbar{display:flex;align-items:end;gap:12px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface,#fff)}.receipts-toolbar label{display:grid;gap:6px;min-width:170px}.receipts-toolbar label>span{font-size:.76rem;font-weight:700;color:var(--muted)}.receipts-toolbar input,.receipts-toolbar select,.receipt-form input,.receipt-form select,.receipt-form textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface,#fff);color:var(--text);padding:11px 12px}.receipts-search{flex:1}.receipts-unit-chip{margin-left:auto;padding:11px 15px;border-radius:999px;background:rgba(12,128,109,.1);color:#08745f;font-weight:700}.receipts-list{display:grid;gap:12px}.receipt-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface,#fff);box-shadow:0 7px 22px rgba(30,45,41,.05)}.receipt-card-status{justify-self:start;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800}.status-pending{background:#fff1ca;color:#855800}.status-collected{background:#dbeafe;color:#1d4e9b}.status-delivered{background:#d9f5e9;color:#087058}.receipt-card-title{display:flex;align-items:center;gap:10px}.receipt-card-title strong{font-size:1.02rem}.receipt-card-title span{padding:3px 7px;border-radius:7px;background:var(--surface-subtle,#eef2f1);font-size:.7rem;font-weight:800}.receipt-card-main p{margin:5px 0 9px;color:var(--muted)}.receipt-card-meta{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:.78rem;color:var(--muted)}.receipt-card-meta b{color:var(--text)}.receipt-card-actions{display:flex;gap:8px}.receipts-empty{display:grid;place-items:center;gap:6px;min-height:220px;border:1px dashed var(--border);border-radius:20px;color:var(--muted)}.receipt-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(18,25,24,.62);backdrop-filter:blur(5px)}.receipt-modal{width:min(820px,100%);max-height:92vh;overflow:auto;border-radius:22px;background:var(--surface,#fff);box-shadow:0 30px 90px rgba(0,0,0,.3)}.receipt-modal>header{display:flex;align-items:start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.receipt-modal h2{margin:3px 0 0}.receipt-modal-x{border:0;background:transparent;color:var(--muted);font-size:2rem;line-height:1;cursor:pointer}.receipt-form{padding:22px 24px}.receipt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.receipt-form label{display:grid;gap:6px}.receipt-form label>span{font-size:.78rem;font-weight:750;color:var(--muted)}.receipt-wide{grid-column:1/-1}.receipt-form-hint{font-size:.8rem;color:var(--muted)}.receipt-form footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.receipt-form footer>div{display:flex;gap:9px}.receipt-history{width:min(620px,100%)}.receipt-history-list{padding:22px 26px}.receipt-history-list article{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:0 0 20px}.receipt-history-list article>span{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#0b806d;box-shadow:0 0 0 5px rgba(11,128,109,.12)}.receipt-history-list div{display:grid;gap:4px}.receipt-history-list small{color:var(--muted)}
.receipt-card-main{min-width:0;overflow-wrap:anywhere}.receipt-card-title span{flex-shrink:0}.receipt-form-grid>label{min-width:0}.receipt-form[aria-busy="true"]{cursor:progress}
@media(max-width:850px){.receipts-hero{align-items:flex-start;flex-direction:column}.receipts-create{width:100%}.receipts-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.receipts-toolbar{align-items:stretch;flex-direction:column}.receipts-toolbar label{width:100%}.receipts-unit-chip{margin:0}.receipt-card{grid-template-columns:1fr}.receipt-card-actions .button{flex:1}.receipt-form-grid{grid-template-columns:1fr}.receipt-wide{grid-column:auto}}
@media(max-width:480px){.receipts-metrics{grid-template-columns:1fr}.receipts-hero{padding:22px}.receipt-card-actions{display:grid;grid-template-columns:1fr 1fr}.receipt-modal-backdrop{padding:0}.receipt-modal{max-height:100vh;height:100%;border-radius:0}.receipt-form footer{align-items:stretch;flex-direction:column-reverse}.receipt-form footer>div,.receipt-form footer .button{width:100%}}