:root{--background:#f2f5f9;--ink:#182335;--muted:#63748a;--blue:#1361de;--border:#d9e1eb;--navy:#182b46}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{text-decoration:none;color:var(--blue)}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:10px 18px;font-size:15px;line-height:1.5;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #76aaff;outline-offset:3px}input{width:100%;background:#fff;border:1px solid #c8d4e3;border-radius:8px;padding:12px;color:var(--ink)}label{display:block;font-size:15px;font-weight:500}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,3.5vw,36px);line-height:1.3;letter-spacing:-.6px;margin-bottom:10px}h2{font-size:19px;font-weight:650;line-height:1.4;margin-bottom:0}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 40px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--ink)}.brand strong{font-weight:400;color:var(--muted)}.brand-icon{display:grid;place-items:center;width:40px;height:36px;background:var(--navy);color:#a8ed6c;border-radius:8px;font-size:12px;font-weight:750}.top-actions{display:flex;gap:16px;align-items:center}.privacy,.small{font-size:14px}.muted,.privacy{color:var(--muted)}main{max-width:1120px;margin:auto;padding:40px 32px 20px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.page-heading p:last-child{margin-bottom:0}.eyebrow{color:var(--blue);font-size:14px;font-weight:600;margin-bottom:10px}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--border);border-radius:16px;padding:28px 30px;box-shadow:0 6px 25px #172b4405}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.current{padding:24px 0;margin-bottom:24px;border-bottom:1px solid #e9edf3}.current>span{display:block;font-size:14px;color:var(--muted)}.current strong{font-size:clamp(34px,4vw,48px);font-weight:550;line-height:1.5;letter-spacing:-1px;font-variant-numeric:tabular-nums}.current small{font-size:15px;color:var(--muted);margin-left:12px}.amount-wrap{position:relative;margin-top:12px}.amount-wrap input{height:66px;padding:10px 70px 10px 40px;font-size:28px}.amount-wrap>span{position:absolute;top:50%;transform:translateY(-50%);left:17px;font-size:24px;color:var(--muted)}.amount-wrap .unit{left:auto;right:16px;font-size:14px}.help{color:var(--muted);font-size:14px;line-height:1.8;margin:14px 0 22px}.primary{background:var(--blue);color:#fff;padding:12px 24px}.primary:hover{background:#0a50c2}.secondary{background:white;border-color:var(--border);color:var(--ink);white-space:nowrap}.secondary:hover{background:#edf3fb}.text-button{background:none;color:var(--muted);padding:6px 0}.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.saved-info{font-size:14px;color:var(--muted);margin-top:26px;padding-top:18px;border-top:1px solid #edf0f5}.saved-info p{margin-bottom:4px}.details-panel{background:var(--navy);color:#fff;border-radius:16px;padding:28px}.details-title{font-size:14px;color:#b1c3d9;margin-bottom:16px}.details-panel h2{font-size:27px;font-weight:500}.details-note{font-size:14px;color:#a8bbd2;margin:4px 0 18px}.merchant{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff18;font-size:14px}.merchant strong{font-weight:500}.merchant p{color:#b8e99b;margin:5px 0 0}.merchant p.attention{color:#ffcf87}.merchant a{color:#deebff;white-space:nowrap}.schedule{margin-top:20px;font-size:14px;color:#c4d2e5}.schedule p{margin-bottom:5px}.light-button{margin-top:10px;background:#ffffff12;border-color:#ffffff35;color:white}.light-button:hover{background:#ffffff25}.results-panel,.controls-panel,.account-panel{margin-top:22px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:10px 12px}td{padding:16px 12px;border-bottom:1px solid #edf0f5;vertical-align:top}tr:last-child td{border-bottom:0}td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}td:first-child{min-width:220px;max-width:450px}td:last-child{min-width:140px}.pill{display:inline-block;padding:3px 9px;border-radius:6px;background:#eaf5e7;color:#38662d;font-size:14px}.pill.neutral{background:#edf1f6;color:#55657a}.control-grid{display:flex;flex-wrap:wrap;gap:20px 40px;margin-bottom:16px}.toggle-row{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-row input{width:18px;height:18px;accent-color:var(--blue)}.account-panel summary{cursor:pointer;font-size:15px}.account-panel form{max-width:420px;margin-top:18px}.account-panel input,.login-panel input{margin:8px 0 20px}.login-panel{max-width:460px;margin:55px auto}.login-panel h1{font-size:29px}.login-panel .primary{width:100%;margin-top:6px}.message{font-size:14px;padding:12px 15px;border-radius:8px;background:#edf3ff;color:#335886;margin:18px 0}.message.error{background:#fff0f2;color:#a9263c}.message.success{background:#eff8ec;color:#39642b}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:var(--muted);font-size:14px}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand{font-size:17px}.privacy{display:none}main{padding:28px 18px 16px}.workspace{grid-template-columns:1fr}.panel{padding:24px}.details-panel{padding:25px}.page-heading{align-items:flex-start}.page-heading>.secondary{padding:8px 11px;font-size:14px}h1{font-size:28px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.login-panel{margin-top:25px}footer{display:grid;gap:8px}.account-panel{padding:20px 24px}}@media(max-width:400px){.brand strong{display:none}.panel{padding:21px}.current strong{font-size:37px}.page-heading{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
