:root{--paper:#f8f7f0;--ink:#243c31;--muted:#626c62;--line:#d9ddd1;--orange:#bd623e;--pale:#e9eddf;--cream:#f7efcd;font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:fixed;top:-70px;left:16px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}.payment-header,.payment-footer{width:min(1240px,calc(100% - 80px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.payment-header{padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:34px;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.wordmark em,.wordmark span{color:var(--orange)}.header-note,.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600}.header-note{color:var(--muted)}.payment-main{width:min(1120px,calc(100% - 80px));margin:54px auto 70px}.intro{max-width:680px;margin-bottom:32px}.eyebrow{margin:0 0 15px}h1,h2{font-family:Georgia,"Songti SC",serif;letter-spacing:-.04em;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(42px,5vw,65px)}h1 em{color:var(--orange);font-weight:400}h2{font-size:30px;margin-bottom:20px}p{margin:0 0 18px}.intro>p:last-child{color:var(--muted);margin-top:22px;max-width:560px}.quote-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}.card{background:#fffef9;border:1px solid var(--line);border-radius:8px;padding:32px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.card-top h2{margin-bottom:4px}.card-top .eyebrow{margin-bottom:8px}.badge{font-size:11px;line-height:1.4;background:var(--pale);border:1px solid #cbd5c3;border-radius:30px;padding:5px 10px;white-space:nowrap}.badge.paid{background:#dfeedd;color:#29472b}.badge.review,.badge.expired{background:#f6e2d7;color:#8b3d27}.details-list{margin:25px 0 0}.details-list>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0}.details-list dt{font-size:12px;color:var(--muted);flex-shrink:0}.details-list dd{margin:0;font-size:13px;text-align:right;overflow-wrap:anywhere}.quote-details{white-space:pre-line;color:var(--muted);font-size:14px;padding:12px 0;margin:0}.amount-lines{margin:20px 0}.amount-lines p{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin:0;padding:12px 0}.amount-lines strong{white-space:nowrap;font-weight:500}.amount-lines .amount-due{margin:7px -16px;padding:18px 16px;background:var(--pale);border-radius:4px}.amount-due strong{font-family:Georgia,serif;font-size:32px;letter-spacing:-.03em}.amount-due>span{font-size:13px}.small-note{font-size:12px;color:var(--muted);line-height:1.75;margin-top:14px}.notice{padding:15px 18px;border:1px solid #d4dcca;border-radius:5px;background:var(--pale);font-size:14px;line-height:1.65;margin:0 0 22px;overflow-wrap:anywhere}.notice.error{background:#f9e9df;border-color:#ddad92;color:#7d3526}.notice.success{background:#e7f1e0;border-color:#b8cbaa}.merchant-note{font-size:12px;color:var(--muted);border-left:2px solid var(--orange);padding-left:13px;margin:24px 0;overflow-wrap:anywhere}.merchant-note strong{font-size:11px}.pay-card>div>p{font-size:14px}.check-label{display:flex!important;align-items:flex-start;gap:12px;margin:24px 0;font-size:13px!important;font-weight:400!important}.check-label input{width:18px;height:18px;min-width:18px;margin-top:3px;accent-color:var(--ink)}.button{border:1px solid var(--ink);border-radius:4px;padding:14px 20px;min-height:48px;display:inline-flex;gap:22px;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:500;line-height:1.45}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover:not(:disabled){background:#3b5546}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover:not(:disabled){background:var(--pale)}.pay-card .button{width:100%;margin-top:10px}.terms-card{grid-column:1/-1;background:transparent}.terms-card h2{font-size:27px}.terms-copy{font-size:13px;white-space:pre-line;color:var(--muted);line-height:1.9}.back-link{display:inline-block;font-size:12px;margin-top:32px;text-underline-offset:4px}.payment-footer{padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.admin-main .intro{max-width:850px}.admin-main h1{font-size:clamp(34px,4vw,52px)}#admin-content{display:grid;gap:28px}.admin-main label{display:block;font-size:13px;font-weight:600}.admin-main input:not([type=checkbox]),.admin-main select,.admin-main textarea{display:block;border:1px solid #b9c4b4;border-radius:4px;width:100%;padding:12px 13px;background:white;color:var(--ink);margin-top:7px;font-size:14px;min-height:48px}.admin-main textarea{resize:vertical}.admin-main label small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.created-card{background:var(--pale)}.created-card .button{margin-top:16px}.created-card input{font-size:12px!important}.quote-list{margin-top:24px}.quote-entry{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.quote-entry h3{font-size:15px;margin:0 0 7px;overflow-wrap:anywhere}.quote-entry p{font-size:12px;color:var(--muted);margin:3px 0;overflow-wrap:anywhere}.quote-entry .badge{display:inline-block;margin-bottom:5px}.quote-entry-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.quote-entry .button{font-size:11px;padding:9px 12px;min-height:40px}.entry-feedback{grid-column:1/-1}.field-error{color:#8b3d27!important}.empty-state{padding:25px 0;color:var(--muted);font-size:14px}@media(max-width:760px){.payment-header,.payment-footer,.payment-main{width:calc(100% - 36px)}.payment-header{padding:23px 0}.wordmark{font-size:29px}.header-note{font-size:8px;max-width:110px;text-align:right}.payment-main{margin-top:34px}.quote-layout{grid-template-columns:1fr;gap:18px}.card{padding:24px 22px}.intro{margin-bottom:26px}h1{font-size:42px}h2{font-size:28px}.terms-card{grid-column:auto}.form-grid{grid-template-columns:1fr;gap:20px;margin:22px 0}.payment-footer{align-items:flex-start;flex-direction:column;gap:5px}.card-top{gap:12px}.admin-main .card-top{flex-wrap:wrap}.quote-entry{grid-template-columns:1fr}.quote-entry-actions{align-items:flex-start;flex-direction:row}.badge{font-size:10px}.amount-due strong{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.quote-entry-actions{flex-wrap:wrap}
.badge.withdrawn{background:#f6e2d7;color:#8b3d27}

.wordmark .brand-chinese{display:inline-block;margin-left:10px;font-family:Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.15em;vertical-align:middle;color:var(--muted)}
@media(max-width:420px){.payment-header{gap:12px}.payment-header .wordmark{font-size:26px}.wordmark .brand-chinese{font-size:10px;margin-left:7px}}