.workora-payments-root{background:#f3f4ed;inset:0;overflow:auto;position:fixed;z-index:90}.workora-payments-active{overflow:hidden}.payment-app{min-height:100vh;background:#f3f4ed;color:#16221c;font-family:Arial,sans-serif}.payment-header{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe3da;position:sticky;top:0;z-index:20}.payment-header .brand{border:0;background:none;font-size:21px;font-weight:800;display:flex;gap:10px;align-items:center}.payment-header .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#b7ff35}.payment-header nav{display:flex;gap:28px}.payment-header nav a{color:#56615b;text-decoration:none;font-size:14px;font-weight:700}.payment-header nav a.active{color:#087b4e}.payment-header>button:last-child{border:1px solid #cdd3cb;border-radius:999px;background:#fff;padding:10px 16px;font-weight:700}.payment-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 90px}.payment-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:30px}.payment-intro span,.payment-panel>div>span,.payment-section header span,.payment-safety span{color:#087b4e;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.payment-intro h1{font-size:clamp(36px,5vw,62px);line-height:1;margin:10px 0 16px}.payment-intro p{max-width:680px;color:#667169;line-height:1.7;margin:0}.test-mode-lock{background:#17231d;color:#fff;border-radius:18px;padding:16px 20px;display:flex;align-items:center;gap:12px;white-space:nowrap}.test-mode-lock strong{background:#b7ff35;color:#17231d;border-radius:8px;padding:7px 9px;letter-spacing:.1em}.test-mode-lock span{color:#fff;letter-spacing:0;text-transform:none;font-size:13px}.payment-alert{padding:14px 18px;border-radius:12px;margin:0 0 20px}.payment-alert.success{background:#ddf7e7;color:#12633f}.payment-alert.error{background:#fee6e3;color:#a52b23}.payment-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.payment-metrics article,.payment-panel,.payment-section,.payment-safety{background:#fff;border:1px solid #dfe3da;border-radius:20px;box-shadow:0 10px 28px rgba(34,48,40,.05)}.payment-metrics article{padding:22px}.payment-metrics span{display:block;color:#718078;font-size:12px;margin-bottom:10px}.payment-metrics strong{font-size:22px}.payment-panel{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.payment-panel h2,.payment-section h2,.payment-safety h2{font-size:26px;margin:7px 0}.payment-panel p{color:#6a756e;max-width:650px;margin:0;line-height:1.6}.payment-panel small{display:block;color:#9b5814;margin-top:8px}.payment-panel-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-panel button,.payment-action-list button{border:0;border-radius:999px;background:#17231d;color:#fff;padding:12px 18px;font-weight:800}.payment-panel button.secondary,.payment-action-list button.secondary{background:#eef1ea;color:#26362d}.payment-panel button:disabled,.payment-action-list button:disabled{opacity:.5;cursor:not-allowed}.payment-section{padding:28px;margin-bottom:22px}.payment-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.payment-section>header h2{margin-bottom:0}.payment-section>header a{color:#087b4e;font-weight:800;text-decoration:none}.payment-action-list{display:grid;gap:12px}.payment-action-list article{border:1px solid #e3e7df;border-radius:15px;padding:18px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,auto);gap:20px;align-items:center}.payment-action-list article h3{margin:5px 0;font-size:17px}.payment-action-list article p{margin:0;color:#748078;font-size:13px}.payment-action-list article>div:first-child>span{font-size:10px;color:#087b4e;text-transform:uppercase;font-weight:800}.payment-action-list article>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.transaction-table{overflow:auto}.transaction-head,.transaction-table article{display:grid;grid-template-columns:1.2fr 1.3fr .75fr .8fr;gap:16px;align-items:center;min-width:680px}.transaction-head{padding:0 14px 10px;color:#7c877f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.transaction-table article{border-top:1px solid #e6e9e4;padding:15px 14px}.transaction-table article div{display:flex;flex-direction:column;gap:4px}.transaction-table small,.webhook-list small{color:#7b867f}.transaction-table code{font-size:12px;color:#58655e;overflow:hidden;text-overflow:ellipsis}.payment-status{width:max-content;border-radius:999px;padding:6px 9px;background:#eef1ed;color:#4c5b53;font-size:11px;font-weight:800}.payment-status.succeeded,.payment-status.processed{background:#dff8e8;color:#17643f}.payment-status.failed,.payment-status.reversed{background:#fee5e2;color:#a42b23}.payment-status.processing,.payment-status.pending{background:#fff0ca;color:#7b5713}.payment-empty{padding:35px;text-align:center;background:#f6f7f3;border-radius:14px;color:#6b776f}.payment-empty h3{color:#26362d;margin:0 0 8px}.webhook-list article{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:13px 0;border-top:1px solid #e7eae4;align-items:center}.webhook-list article div{display:flex;flex-direction:column;gap:4px}.webhook-list time{font-size:12px;color:#758078}.payment-safety{padding:28px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.payment-safety dl{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payment-safety dl div{background:#f5f6f1;border-radius:12px;padding:14px}.payment-safety dt{font-size:11px;color:#758078;margin-bottom:6px}.payment-safety dd{margin:0;font-weight:800}.payment-state{min-height:80vh;display:grid;place-content:center;text-align:center;padding:30px}.payment-state h1{font-size:42px;margin:15px 0 8px}.payment-state p{color:#6e7972}.payment-spinner{width:34px;height:34px;border:3px solid #d9ded7;border-top-color:#087b4e;border-radius:50%;animation:payment-spin .8s linear infinite;margin:auto}@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.payment-header nav{display:none}.payment-metrics{grid-template-columns:repeat(2,1fr)}.payment-action-list article{grid-template-columns:1fr auto}.payment-action-list article>div:last-child{grid-column:1/-1;justify-content:flex-start}.payment-safety{grid-template-columns:1fr}.payment-intro{flex-direction:column}.test-mode-lock{align-self:flex-start}}
@media(max-width:600px){.payment-shell{width:min(100% - 24px,1180px);padding-top:32px}.payment-header{padding:0 14px}.payment-metrics{grid-template-columns:1fr 1fr}.payment-metrics article{padding:16px}.payment-metrics strong{font-size:17px}.payment-panel{align-items:flex-start;flex-direction:column}.payment-panel-actions{width:100%}.payment-panel button{width:100%}.payment-action-list article{grid-template-columns:1fr}.payment-action-list article>div:last-child{grid-column:auto}.payment-action-list button{width:100%}.payment-safety dl{grid-template-columns:1fr}.webhook-list article{grid-template-columns:1fr auto}.webhook-list time{grid-column:1/-1}.payment-section,.payment-panel,.payment-safety{padding:20px}}