body{margin:0;font-family:sans-serif;background:#111;color:#f5f5f5}.gate{max-width:420px;margin:48px auto;padding:24px;color:#f5f5f5;background:#111}.eyebrow{letter-spacing:.2em;color:#9ae6b4;font-size:12px}h1{margin:8px 0;font-size:28px}.meta,.hint{color:#a0aec0}label{display:block;margin:24px 0 12px}input,button,.link{width:100%;box-sizing:border-box;padding:12px;font-size:16px}button{margin-top:12px;background:#38a169;color:#fff;border:0}.link{display:inline-block;text-align:center;background:#2b6cb0;color:#fff;text-decoration:none;margin-top:12px}.error{color:#fc8181}.ok{color:#9ae6b4}.result{margin-top:24px;padding:16px;background:#1a202c}.url{word-break:break-all;color:#90cdf4}button{font:inherit}.cashier-page{width:min(100%,480px);min-height:100vh;margin:0 auto;color:#13213c;background:#f4f7fb;box-shadow:0 0 40px #12305d14}.cashier-header{min-height:178px;padding:30px 22px 52px;color:#fff;background:#1769e0}.cashier-header__eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.18em;opacity:.78}.cashier-header h1{margin:0;font-size:25px;line-height:1.35}.cashier-header>p:last-child{margin:8px 0 0;font-size:14px;opacity:.78}.cashier-content{position:relative;z-index:1;display:grid;gap:14px;padding:0 14px 230px;margin-top:-30px}.cashier-card,.cashier-alert{margin:0;border:1px solid rgba(27,74,134,.08);border-radius:18px;background:#fff;box-shadow:0 10px 28px #20447714}.cashier-card{padding:20px}.cashier-alert{padding:13px 16px;color:#ad2d2d;background:#fff4f4;font-size:14px}.card-heading,.current-fee,.payment-bar__row,.history-modal__header,.history-summary,.debt-list li{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-heading h2,.current-fee h2,.history-modal h2{margin:3px 0 0;font-size:18px}.card-heading--compact h2{font-size:16px}.section-kicker{margin:0;color:#71809a;font-size:12px;font-weight:700;letter-spacing:.12em}.status-pill{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#1769e0;background:#eaf3ff;font-size:12px;font-weight:700}.plate-number{margin:24px 0 20px;color:#0d57bd;font-size:clamp(30px,9vw,42px);font-weight:800;line-height:1;letter-spacing:.02em;overflow-wrap:anywhere}.info-list{margin:0;border-top:1px solid #edf1f7}.info-list>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #edf1f7}.info-list>div:last-child{padding-bottom:0;border-bottom:0}.info-list dt{color:#78869c;font-size:14px}.info-list dd{margin:0;color:#1a2942;font-size:14px;font-weight:650;text-align:right;overflow-wrap:anywhere}.current-fee{align-items:flex-end;margin-top:8px;padding-bottom:18px;border-bottom:1px solid #edf1f7}.current-fee h2{margin-top:0}.current-fee p:not(.fee-amount){margin:5px 0 0;color:#8491a5;font-size:13px}.fee-amount{margin:0;color:#0d57bd;font-size:clamp(34px,10vw,44px);font-weight:800;line-height:1;white-space:nowrap}.fee-amount span{margin-right:3px;font-size:18px}.fee-breakdown{display:grid;gap:10px;margin-top:16px}.fee-breakdown>div{display:flex;justify-content:space-between;gap:12px;color:#6d7b91;font-size:14px}.fee-breakdown strong{color:#1c2b44}.consent-banner,.history-banner,.demo-notice{margin-top:18px;border:1px solid #d8e8ff;border-radius:14px;background:#f2f7ff}.consent-banner{padding:15px}.consent-banner strong{color:#184b94;font-size:14px}.consent-banner p{margin:5px 0 0;color:#71809a;font-size:12px;line-height:1.5}.history-banner{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:#184b94;text-align:left;cursor:pointer}.history-banner span:first-child{display:grid;gap:4px}.history-banner small{color:#71809a;font-size:12px;font-weight:400}.history-banner__action{flex:0 0 auto;color:#1769e0;font-size:13px;font-weight:750}.payment-card{padding-bottom:18px}.demo-notice{padding:12px 14px;color:#174a91;font-size:13px;line-height:1.5}.checkout-url{color:#5f6f87;font-size:12px;overflow-wrap:anywhere}.release-status{margin-bottom:0;color:#3e4d64;font-size:13px}.payment-bar{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,480px);padding:12px 14px calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);border-top:1px solid #dce4ef;background:rgba(255,255,255,.97);box-shadow:0 -12px 30px #1c375e1a;backdrop-filter:blur(14px)}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.payment-options>:only-child{grid-column:1 / -1}.payment-option{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border:1px solid #dfe7f2;border-radius:12px;color:#5f6d82;background:#fff;cursor:pointer}.payment-option strong{color:#27354b}.payment-option--selected{border-color:#1769e0;color:#0f57bf;background:#edf5ff;box-shadow:inset 0 0 0 1px #1769e0}.payment-option--selected strong{color:#0f57bf}.payment-total{display:grid;gap:2px;min-width:0}.payment-total>span{color:#71809a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-total strong{color:#0d57bd;font-size:28px;line-height:1}.payment-total small{margin-right:2px;font-size:14px}.primary-action{min-width:164px;padding:14px 20px;border:0;border-radius:13px;color:#fff;background:#1769e0;box-shadow:0 8px 18px #1769e03d;font-weight:750;cursor:pointer}.primary-action:disabled{color:#91a0b6;background:#dfe6ef;box-shadow:none;cursor:not-allowed}.modal-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(10,24,46,.58)}.history-modal{display:flex;width:min(100%,480px);max-height:min(calc(100vh - 48px),720px);flex-direction:column;border-radius:20px;color:#13213c;background:#fff;box-shadow:0 18px 50px #04132a33;outline:none}.history-modal__header{padding:20px;border-bottom:1px solid #e9eef5}.modal-close{flex:0 0 auto;width:auto;min-height:44px;padding:8px 11px;border:0;border-radius:10px;color:#35618f;background:#edf3fa;font-size:13px;cursor:pointer}.history-modal__body{min-height:0;padding:18px 20px;overflow-y:auto;overscroll-behavior:contain}.history-summary{padding:15px;border-radius:14px;color:#174a91;background:#edf5ff}.history-summary span{font-size:18px;font-weight:800}.history-summary strong{font-size:14px}.debt-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.debt-list li{padding:14px 0;border-bottom:1px solid #edf1f7;align-items:flex-start}.debt-list li>div{display:grid;gap:5px;min-width:0}.debt-list li strong{color:#26354c;font-size:14px;overflow-wrap:anywhere}.debt-list li span{color:#8491a5;font-size:12px;overflow-wrap:anywhere}.debt-list li b{flex:0 0 auto;color:#123f7d;font-size:17px}.empty-history{margin:20px 0;color:#71809a;text-align:center}.modal-options{display:grid;gap:10px;margin-top:18px}.modal-options button{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border:1px solid #dfe7f2;border-radius:13px;color:#536177;background:#fff;cursor:pointer}.modal-options .modal-option--selected{border-color:#1769e0;color:#0f57bf;background:#edf5ff;box-shadow:inset 0 0 0 1px #1769e0}.history-modal__footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e9eef5}.history-modal__footer button{width:100%;padding:13px;border:0;border-radius:12px;color:#fff;background:#1769e0;font-weight:750;cursor:pointer}button:focus-visible{outline:3px solid rgba(23,105,224,.34);outline-offset:2px}@media (min-width: 600px){.cashier-page{min-height:calc(100vh - 32px);margin-block:16px;border-radius:24px;overflow:hidden}.payment-bar{bottom:16px;border:1px solid #dce4ef;border-radius:0 0 24px 24px}.modal-backdrop{align-items:center;padding:24px}.history-modal{max-width:460px;border-radius:24px}.history-modal__footer{padding-bottom:20px}}@media (max-width: 374px){.cashier-header{padding-inline:18px}.cashier-card{padding:17px}.cashier-content{padding-inline:10px}.info-list>div{grid-template-columns:78px minmax(0,1fr)}.primary-action{min-width:146px;padding-inline:14px}.payment-option{padding-inline:9px;font-size:13px}}:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:#eaf0f8;color:#13213c}*{box-sizing:border-box}body{margin:0;background:#eaf0f8}.result-page{width:min(100%,480px);min-height:100vh;margin:0 auto;color:#13213c;background:#f4f7fb;box-shadow:0 0 40px #12305d14}.result-header{min-height:220px;padding:34px 22px 66px;color:#fff;background:#1769e0}.result-header p{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.18em;opacity:.76}.result-header h1{margin:0;max-width:330px;font-size:29px;line-height:1.3}.result-header span{display:block;margin-top:10px;font-size:14px;opacity:.8}.result-content{position:relative;z-index:1;display:grid;gap:14px;padding:0 14px 40px;margin-top:-38px}.result-card,.result-help,.result-alert{border:1px solid rgba(27,74,134,.08);border-radius:18px;background:#fff;box-shadow:0 10px 28px #20447714}.result-card{padding:21px}.result-alert{margin:0;padding:14px 16px;color:#ad2d2d;background:#fff4f4;font-size:14px}.result-card__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-card__heading p{margin:0;color:#78869c;font-size:12px;font-weight:700;letter-spacing:.1em}.result-card__heading h2{margin:4px 0 0;font-size:20px}.result-badge{flex:0 0 auto;padding:7px 11px;border-radius:999px;color:#155fca;background:#eaf3ff;font-size:12px;font-weight:750}.result-badge--success{color:#0b6a55;background:#e8f7f2}.result-badge--closed{color:#68758a;background:#edf0f4}.result-amount{display:grid;justify-items:center;gap:8px;margin:24px 0 18px;padding:24px 12px;border-radius:16px;background:#f2f7ff}.result-amount span{color:#71809a;font-size:13px}.result-amount strong{color:#0d57bd;font-size:43px;line-height:1}.result-amount small{margin-right:3px;font-size:17px}.result-details{margin:0;border-top:1px solid #edf1f7}.result-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #edf1f7}.result-details>div:last-child{border-bottom:0}.result-details dt{color:#78869c;font-size:14px}.result-details dd{margin:0;color:#1c2b44;font-size:14px;font-weight:650;text-align:right;overflow-wrap:anywhere}.result-demo,.result-note{margin:16px 0 0;padding:13px 14px;border-radius:13px;font-size:13px;line-height:1.55}.result-demo{color:#174a91;background:#edf5ff}.result-note{color:#5f6d82;background:#f0f2f5}.result-loading{color:#5f6f87;text-align:center}.result-help{padding:17px 19px}.result-help strong{color:#27364e;font-size:14px}.result-help p{margin:6px 0 0;color:#748198;font-size:13px;line-height:1.65}@media (min-width: 600px){.result-page{min-height:calc(100vh - 32px);margin-block:16px;border-radius:24px;overflow:hidden}}@media (max-width: 374px){.result-header{padding-inline:18px}.result-content{padding-inline:10px}.result-card{padding:18px}}