.invoice-page{max-width:880px;margin:auto;padding:30px 32px 40px}.invoice-page-head{margin:0 0 24px}.invoice-page-head .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:10px;color:#66816a}.invoice-page-head h1{font:600 36px/1.25 'Segoe UI',system-ui,sans-serif;letter-spacing:-.7px;margin:0 0 12px;color:#245534}.invoice-page-head>p:last-child{font-size:14px;line-height:1.7;color:#627667;max-width:590px;margin:0}
.invoice-search{display:flex;align-items:flex-end;gap:14px;padding:22px;border:1px solid #dbe8dd;background:#edf5ee;border-radius:20px}.invoice-search label{flex:1;min-width:0;font-size:12px;font-weight:500;color:#41674b}.invoice-search input{width:100%;display:block;border:1px solid #c8ddcd;background:white;border-radius:11px;padding:13px 14px;font:16px 'Segoe UI',system-ui,sans-serif;color:#264d31;margin-top:8px;min-height:48px}.invoice-search .button{min-height:48px;border-radius:11px;gap:14px;padding:12px 22px;font-size:14px}.invoice-search button:disabled,.invoice-more:disabled{opacity:.6;cursor:wait}
.invoice-status{font-size:13px;color:#607563;line-height:1.6;margin:18px 0}.invoice-status:empty{margin:0}.invoice-error{background:#fff0ee;color:#925147;font-size:13px;padding:13px 16px;border:1px solid #efd3cf;border-radius:12px;margin:18px 0}.invoice-results{display:grid;gap:16px;margin-top:20px}.invoice-card{min-width:0;border:1px solid #dce7de;border-radius:20px;background:white;overflow:hidden;box-shadow:0 2px 4px #264b3004}.invoice-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 18px}.invoice-card-head p{font-size:9px;font-weight:600;letter-spacing:1px;color:#7b8a7d;margin:0 0 6px}.invoice-card-head h2{font:600 18px/1.4 'Segoe UI',system-ui,sans-serif;color:#2c5336;overflow-wrap:anywhere;margin:0 0 5px}.invoice-card-head small{font-size:11px;color:#829084}.invoice-badge{flex-shrink:0;border:1px solid #c8dfd0;border-radius:20px;background:#e9f4eb;font-size:11px;line-height:1.5;padding:6px 10px;color:#42674b}.invoice-pending{background:#fff0ec;border-color:#edd3ca;color:#9a6650}.invoice-preparing,.invoice-confirmed{background:#fff4c9;border-color:#e9d691;color:#866213}.invoice-shipping{background:#eaf2fb;color:#416b95;border-color:#cddff1}.invoice-cancelled{background:#f1f1ee;color:#84867d;border-color:#dedfd8}
.invoice-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 24px 20px}.invoice-overview>div{min-width:0}.invoice-overview span{display:block;font-size:11px;color:#849086;margin:0 0 7px}.invoice-overview strong{display:block;font-size:19px;font-weight:600;color:#2c5437}.invoice-overview small{display:block;font-size:16px;font-weight:600;color:#62816b;margin-top:4px;font-variant-numeric:tabular-nums}.invoice-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 24px 20px;padding:0}.invoice-progress li{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca79e;border-top:2px solid #e5ece6;padding-top:10px}.invoice-progress li.reached{border-color:#7ba385;color:#477253}.invoice-progress b{font-size:10px;font-weight:500;border-radius:50%;background:#eef4ef;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0}.invoice-progress [aria-current=step] b{background:#44784f;color:white}
.invoice-detail{border-top:1px solid #e6eee8}.invoice-detail summary{cursor:pointer;padding:15px 24px;font-size:12px;color:#53765c;display:flex;justify-content:space-between;list-style:none}.invoice-detail summary::-webkit-details-marker{display:none}.invoice-detail[open] summary span{transform:rotate(45deg)}.invoice-items{padding:0 24px}.invoice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf1ed;font-size:13px}.invoice-item>div{min-width:0}.invoice-item strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.invoice-item p{font-size:11px;color:#7f8b81;line-height:1.8;margin:5px 0 0}.invoice-item>span{font-size:12px;white-space:nowrap;color:#476a50}.invoice-payment{margin:0;padding:18px 24px;background:#f8fbf8}.invoice-payment>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:10px}.invoice-payment>div:last-child{margin-bottom:0;color:#305f3b;font-weight:600}.invoice-payment dd{margin:0;white-space:nowrap}.invoice-note{font-size:11px;line-height:1.7;padding:0 24px 18px;color:#7b8c7f;margin:0;background:#f8fbf8}.invoice-empty{text-align:center;padding:28px 20px;border:1px dashed #c9dcca;border-radius:20px;background:#f8fcf8}.invoice-empty>span{font-size:35px;color:#82a889}.invoice-empty h2{font:500 23px 'Segoe UI',sans-serif;margin:9px 0;color:#335f3d}.invoice-empty p{font-size:13px;color:#718475;line-height:1.8;max-width:400px;margin:0 auto}.invoice-more{display:block;margin:20px auto 0;padding:11px 20px;border-radius:11px;background:white;border:1px solid #cbdccc;color:#476c4e;font:13px 'Segoe UI',sans-serif;cursor:pointer}.invoice-help{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0 0;color:#77967c}.invoice-help>span{font-size:27px}.invoice-help p{font-size:12px;line-height:1.8;margin:0}.invoice-help a{color:#416f4b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.invoice-page{padding:22px 5% 30px}.invoice-page-head h1{font-size:29px}.invoice-page-head>p:last-child{font-size:13px}.invoice-search{padding:17px;flex-direction:column;align-items:stretch;gap:12px}.invoice-search .button{width:100%;justify-content:center}.invoice-card-head{padding:18px 17px 16px;gap:10px}.invoice-card-head h2{font-size:15px}.invoice-badge{font-size:10px;padding:5px 8px}.invoice-overview{padding:0 17px 17px;gap:14px}.invoice-overview strong{font-size:17px}.invoice-progress{margin:0 17px 17px;gap:7px}.invoice-progress li{font-size:10px;gap:6px}.invoice-detail summary{padding-inline:17px}.invoice-items{padding-inline:17px}.invoice-payment{padding-inline:17px}.invoice-note{padding-inline:17px}}
.invoice-more[hidden],.invoice-error[hidden]{display:none}