:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#19372e;--green:#19745c;--soft:#eef6f2;--line:#d8e4df;--muted:#64736e}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#f5f8f6;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}.service-home,.checkout-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.service-home section,.checkout-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,480px);padding:36px;box-shadow:0 18px 55px #19372e14}.kicker{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}h1{margin:10px 0 14px;font-family:Georgia,serif;font-size:42px;font-weight:500;line-height:1.05}p{color:var(--muted);line-height:1.6}.status{color:var(--green);background:var(--soft);border-radius:10px;align-items:center;gap:9px;margin-top:24px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.status i{background:#2ab084;border-radius:50%;width:8px;height:8px}.test-badge{color:#89560e;background:#fff0d8;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.checkout-card h1{font-size:36px}.checkout-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px 20px;margin:24px 0;padding:16px 0;display:grid}.checkout-price span{color:var(--muted);font-size:13px}.checkout-price strong{grid-area:1/2/3;align-self:center;font-size:25px}.checkout-card button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:9px;width:100%;padding:13px 18px;font-weight:800}.checkout-card button:disabled{cursor:wait;opacity:.65}.checkout-note,.checkout-result{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.5;display:block}.checkout-result{color:var(--green);background:var(--soft);border-radius:8px;padding:12px}.checkout-result.error{color:#9a2730;background:#fff0f2}.admin-form,.approve-form{gap:16px;margin-top:22px;display:grid}.admin-form label,.approve-form label{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.admin-form input,.approve-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:11px 12px}.form-error{color:#9a2730;background:#fff0f2;border-radius:8px;padding:10px 12px;font-size:13px}.admin-shell{min-height:100vh;padding:38px 24px}.admin-panel{width:min(100%,1040px);margin:0 auto}.admin-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.admin-header h1{margin-bottom:8px}.admin-header p{max-width:690px;margin:0}.admin-header button,.approve-form button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:800}.admin-header button.secondary{color:var(--green);background:var(--soft)}.success-banner{color:var(--green);background:var(--soft);border-radius:10px;margin:24px 0;padding:14px 16px;font-weight:700}.request-list{gap:16px;margin-top:28px;display:grid}.request-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 28px #19372e0d}.request-summary{justify-content:space-between;align-items:start;gap:18px;display:flex}.request-summary div{gap:5px;display:grid}.request-summary span,.request-card dd{overflow-wrap:anywhere}.request-summary div span{color:var(--muted);font-size:12px}.state{color:#89560e;background:#fff0d8;border-radius:99px;flex:none;padding:6px 9px;font-size:11px;font-weight:800}.state-paid{color:var(--green);background:var(--soft)}.request-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 0;display:grid}.request-card dl div{min-width:0}.request-card dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.request-card dd{margin:4px 0 0;font-size:13px}.approve-form{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;padding-top:20px}.payment-details{background:var(--soft);border-radius:10px;grid-template-columns:auto 1fr;gap:10px 18px;padding:16px;font-size:13px;display:grid}.payment-details span{color:var(--muted)}.payment-details strong{overflow-wrap:anywhere}@media (max-width:680px){.admin-header,.request-summary{flex-direction:column;align-items:stretch}.request-card dl,.approve-form{grid-template-columns:1fr}.admin-header h1{font-size:34px}}
