.dpay-button,.dpay-submit{color:#fff;cursor:pointer;background:#0f0e0c;border:0;border-radius:8px;padding:14px 18px;font:600 15px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-submit:disabled{cursor:not-allowed;background:#817c70}.dpay-overlay{z-index:9999;background:#0f0e0c94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dpay-modal{color:#0f0e0c;background:#fff;border:1px solid #ddd8cc;border-radius:8px;width:100%;max-width:440px;overflow:hidden}.dpay-header{border-bottom:1px solid #ddd8cc;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.dpay-title{font:700 20px/1.2 Georgia,serif}.dpay-subtitle,.dpay-info,.dpay-label,.dpay-state p{color:#7a7568;font:400 13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-icon-button{color:#7a7568;cursor:pointer;background:0 0;border:0;font-size:18px}.dpay-body{padding:24px}.dpay-amount{background:#f5f2eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 16px;display:flex}.dpay-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.dpay-tabs button{color:#0f0e0c;cursor:pointer;text-align:left;background:#fff;border:1px solid #ddd8cc;border-radius:8px;padding:12px;font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-tabs button.active{border-color:#0f0e0c}.dpay-tabs span{color:#7a7568;margin-top:3px;font-size:11px;font-weight:400;display:block}.dpay-label{text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.dpay-select{color:#0f0e0c;background:#fff;border:1px solid #ddd8cc;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font:400 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-info{background:#f5f2eb;border-radius:8px;margin-bottom:18px;padding:12px}.dpay-verify{border:1px solid #ddd8cc;border-radius:8px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.dpay-verify.success{background:#edf7f1;border-color:#b9dfc8}.dpay-verify.error{background:#fff2f2;border-color:#f0b9b9}.dpay-verify.checking{background:#f5f2eb}.dpay-verify-icon{background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dpay-verify strong,.dpay-verify span{font:600 14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block}.dpay-verify span{color:#7a7568;margin-top:3px;font-weight:400}.dpay-field{margin-bottom:14px}.dpay-field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.dpay-input{box-sizing:border-box;color:#0f0e0c;background:#fff;border:1px solid #ddd8cc;border-radius:8px;width:100%;min-width:0;padding:14px;font:400 15px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-wallet-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.dpay-wallet-button{color:#fff;cursor:pointer;background:#0f0e0c;border:0;border-radius:8px;padding:0 16px;font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-wallet-status{color:#7a7568;overflow-wrap:anywhere;margin-top:6px;font:400 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dpay-submit{width:100%}.dpay-state{text-align:center}.dpay-check{color:#3a9b5c;background:#edf7f1;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:inline-flex}.dpay-state h3{margin:0 0 8px;font:700 22px/1.2 Georgia,serif}.dpay-state code{overflow-wrap:anywhere;text-align:left;background:#f5f2eb;border-radius:6px;margin:14px 0;padding:10px;font-size:11px;display:block}*,:before,:after{box-sizing:border-box}body{color:#0f0e0c;background:#f5f2eb;min-height:100vh;margin:0;font-family:DM Sans,system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #ddd8cc;justify-content:space-between;align-items:center;height:70px;padding:0 48px;display:flex}.logo{font-family:DM Serif Display,Georgia,serif;font-size:24px;line-height:1}.logo span{color:#b8973a}.setup-link{color:#7a7568;border:1px solid #ddd8cc;border-radius:999px;padding:6px 12px;font-size:12px;text-decoration:none}main{grid-template-columns:1fr 420px;align-items:start;gap:80px;max-width:1100px;margin:0 auto;padding:64px 48px;display:grid}.demo-main{grid-template-columns:minmax(0,1fr) 480px;align-items:start;gap:72px;max-width:1180px;min-height:calc(100vh - 70px);padding:68px 40px 64px;display:grid}.demo-main .product{justify-self:start;max-width:440px;padding-top:6px}.product h1{letter-spacing:0;margin:0 0 24px;font-family:DM Serif Display,Georgia,serif;font-size:48px;line-height:1.02}.product em{color:#b8973a}.product p{color:#7a7568;max-width:400px;font-size:18px;line-height:1.58}.product ul{color:#7a7568;gap:16px;margin:38px 0 0;padding:0;list-style:none;display:grid}.product li:before{color:#b8973a;content:"-";margin-right:14px}.product li{font-size:16px;line-height:1.2}.checkout{background:#fff;border:1px solid #ddd8cc;border-radius:18px;width:100%;max-width:none;padding:34px 34px 36px;box-shadow:0 1px #0f0e0c05}.checkout h2{letter-spacing:0;margin:0 0 10px;font-family:DM Serif Display,Georgia,serif;font-size:29px;line-height:1}.subtitle,.fine{color:#7a7568;font-size:15px}.price{align-items:baseline;gap:12px;margin:42px 0 38px;display:flex}.price strong{letter-spacing:0;font-family:DM Serif Display,Georgia,serif;font-size:48px;font-weight:700;line-height:.9}.price span{color:#7a7568;font-size:22px}.items{gap:14px;margin-bottom:30px;padding:0;display:grid}.items div{color:#7a7568;justify-content:space-between;font-size:16px;line-height:1.15;display:flex}.items .total{color:#0f0e0c;border-top:1px solid #ddd8cc;margin-top:4px;padding-top:18px;font-weight:700}.items .total span:last-child{font-size:20px}.fine{text-align:center;margin:18px 0 0;line-height:1.5}.fine strong{color:#b8973a}.checkout .dpay-button{color:#fff;background:#0f0e0c;border-radius:11px;width:100%;padding:18px 16px;font-size:18px;display:block}@media (width<=820px){header{padding:0 20px}main{grid-template-columns:1fr;padding:36px 20px}.checkout{position:static}.demo-main{grid-template-columns:1fr;gap:34px;min-height:calc(100vh - 70px);padding:24px 16px}.demo-main .product{justify-self:stretch;max-width:none}.product h1{font-size:48px}.product p{font-size:18px}.product ul{gap:14px;margin-top:28px}.product li{font-size:16px}.checkout{border-radius:20px;padding:38px 28px 34px}.checkout h2{font-size:36px}.subtitle,.fine{font-size:16px}.price{margin:46px 0 42px}.price strong{font-size:64px}.price span{font-size:26px}.items{gap:16px}.items div{font-size:18px}.items .total span:last-child{font-size:24px}.checkout .dpay-button{border-radius:14px;padding:22px 16px;font-size:22px}}.setup-main{grid-template-columns:minmax(0,1fr);gap:18px;max-width:760px;padding-top:36px;display:grid}.setup-panel,.setup-output{background:#fff;border:1px solid #ddd8cc;border-radius:8px;padding:28px}.setup-panel{align-self:stretch}.setup-auth-main{align-items:center;min-height:calc(100vh - 64px)}.setup-panel h1,.setup-output h2,.setup-auth-card h1{letter-spacing:0;margin:0;font-family:DM Serif Display,Georgia,serif}.setup-panel h1,.setup-auth-card h1{margin:6px 0 14px;font-size:34px;line-height:1.05}.setup-panel p,.setup-auth-card p{color:#7a7568;margin:0 0 22px;line-height:1.6}.setup-auth-card{background:#fff;border:1px solid #ddd8cc;border-radius:8px;width:100%;max-width:520px;margin:0 auto;padding:34px}.setup-kicker{color:#b8973a;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.setup-output-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.setup-panel label{color:#7a7568;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.setup-panel input,.setup-panel select{color:#0f0e0c;font:inherit;background:#fff;border:1px solid #ddd8cc;border-radius:8px;width:100%;margin-bottom:12px;padding:12px}.setup-panel button,.setup-auth-card button{color:#fff;cursor:pointer;background:#0f0e0c;border:0;border-radius:8px;width:100%;margin-bottom:10px;padding:13px;font:700 14px/1.2 DM Sans,system-ui,sans-serif;display:block}.setup-panel button.secondary{color:#0f0e0c;background:#fff;border:1px solid #0f0e0c}.setup-panel button:disabled,.setup-output button:disabled{cursor:not-allowed;opacity:.48}.setup-status{color:#7a7568;background:#f5f2eb;border:1px solid #ddd8cc;border-radius:8px;margin:14px 0;padding:12px;font-size:13px;line-height:1.45}.setup-wallet{margin-bottom:16px}.setup-wallet span{color:#7a7568;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.setup-wallet code,.record-row code,.setup-output pre{background:#f5f2eb;border-radius:8px;padding:12px;font-size:12px;line-height:1.5;display:block;overflow:auto}.setup-wallet code,.record-row code{overflow-wrap:anywhere;white-space:pre-wrap}.setup-checks{border-top:1px solid #ddd8cc;gap:10px;padding-top:16px;display:grid}.setup-checks div{color:#7a7568;align-items:center;gap:8px;font-size:13px;display:flex}.setup-checks span{color:#7a7568;background:#f5f2eb;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.setup-checks .done{color:#0f0e0c}.setup-checks .done span{color:#2f8f53;background:#edf7f1}.setup-badge{color:#7a7568;background:#f5f2eb;border:1px solid #ddd8cc;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.setup-badge.live{color:#2f8f53;background:#edf7f1;border-color:#b9dfc8}.setup-badge.danger{color:#a43c2d;background:#fff5f3;border-color:#efc3ba}.dashboard-card{border:1px solid #ddd8cc;border-radius:8px;margin-bottom:16px;padding:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric{background:#f5f2eb;border:1px solid #ddd8cc;border-radius:8px;padding:12px}.metric span{color:#7a7568;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.metric strong{overflow-wrap:anywhere;font-size:14px;display:block}.metric.good{background:#edf7f1;border-color:#b9dfc8}.metric.bad{background:#fff5f3;border-color:#efc3ba}.ops-note{color:#7a7568;background:#fff5f3;border:1px solid #efc3ba;border-radius:8px;margin:12px 0;padding:12px;font-size:13px;line-height:1.45}.ops-note.good{background:#edf7f1;border-color:#b9dfc8}.webhook-row{border-bottom:1px solid #ddd8cc;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:16px;display:grid}.webhook-row span{color:#7a7568;text-transform:uppercase;font-size:12px;font-weight:700}.webhook-row code{overflow-wrap:anywhere;background:#f5f2eb;border-radius:8px;padding:10px;font-size:12px}.webhook-row button{color:#fff;cursor:pointer;background:#0f0e0c;border:0;border-radius:8px;padding:9px 11px;font:700 12px/1.2 DM Sans,system-ui,sans-serif}.dashboard-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.dashboard-columns h3{margin:0 0 10px;font-size:15px}.ops-list{gap:8px;display:grid}.ops-list p{color:#7a7568;margin:0;font-size:13px}.ops-row{background:#f5f2eb;border-radius:8px;justify-content:space-between;align-items:start;gap:10px;padding:10px;display:flex}.ops-row strong,.ops-row span{display:block}.ops-row strong{font-size:13px}.ops-row span,.ops-row code{color:#7a7568;font-size:12px}.ops-row code{background:#fff;border-radius:6px;padding:4px 6px;display:inline-block}.ops-error{text-align:right;margin-top:5px;color:#a43c2d!important}.record-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.record-card,.integration-card{border:1px solid #ddd8cc;border-radius:8px;padding:18px}.record-card.disabled{opacity:.72}.record-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.record-title h3{margin:0;font-size:15px}.record-title button,.setup-output-header button{color:#fff;cursor:pointer;background:#0f0e0c;border:0;border-radius:8px;padding:9px 11px;font:700 12px/1.2 DM Sans,system-ui,sans-serif}.record-row{gap:6px;margin-top:12px;display:grid}.record-row span{color:#7a7568;text-transform:uppercase;font-size:12px;font-weight:700}.integration-card{margin-top:16px}.integration-card pre{margin:0}@media (width<=960px){.setup-main,.record-grid,.metric-grid,.dashboard-columns,.webhook-row{grid-template-columns:1fr}}
