@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17324f;--muted:#61748a;--blue:#236dcc;--teal:#19796a;--line:#dce5ef;--paper:#fff;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:#205fac;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:#fff;padding:10px;z-index:5}.skip:focus{top:10px}.shop-header{background:#fff;border-bottom:1px solid var(--line);padding:22px max(24px,calc((100% - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.shop-brand{display:flex;gap:11px;align-items:center;color:var(--ink)}.shop-brand:hover{text-decoration:none}.shop-brand>span{font-size:38px;color:#1c6ab7;line-height:1}.shop-brand strong{font-family:Manrope,system-ui,sans-serif;font-size:23px;letter-spacing:2px;line-height:1.2;display:block}.shop-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.6px}.shop-header nav{display:flex;gap:22px;font-weight:600;font-size:13px}.shop-main{max-width:1140px;margin:auto;padding:42px 24px 0}.page-intro{max-width:780px;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--teal)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.3}h1{font-size:37px;letter-spacing:-1.3px;margin:9px 0 13px}h2{font-size:21px;margin:0 0 8px}h3{font-size:17px;margin:0 0 8px}p{margin:0 0 14px;color:var(--muted)}.purchase-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;padding:0;margin:0 0 32px;gap:22px}.purchase-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);border-bottom:2px solid var(--line);padding-bottom:13px}.purchase-steps b{width:27px;height:27px;border-radius:50%;background:#e5ebf2;display:grid;place-items:center}.purchase-steps .active{border-color:var(--blue);color:var(--ink);font-weight:700}.purchase-steps .active b{background:var(--blue);color:#fff}.purchase-steps .done b{color:#fff;background:var(--teal)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;min-width:0;box-shadow:0 8px 26px #17324f04}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:26px}.panel-heading p{font-size:13px;margin:0}.step-icon{padding:7px 10px;border-radius:9px;background:#eaf2fc;font-weight:700;color:var(--blue)}.shop-form{display:grid;gap:19px}.shop-form label{font-size:13px;font-weight:700;display:grid;gap:7px;min-width:0}.shop-form input:not([type=checkbox]),.shop-form select,.shop-form textarea{display:block;width:100%;padding:12px 13px;border:1px solid #cdd8e5;border-radius:9px;background:#fff;color:var(--ink);min-width:0}.shop-form input:focus,.shop-form select:focus,.shop-form textarea:focus{border-color:var(--blue)}.shop-form small{font-size:12px;font-weight:400;color:var(--muted)}.shop-form .check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check-label input{flex:0 0 17px;width:17px;height:17px;margin:3px 0;accent-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;font-size:13px;font-weight:700;padding:13px 20px;line-height:1.5;gap:7px}.button:hover{text-decoration:none}.primary{background:var(--blue);color:#fff}.primary:hover{background:#175aaf}.secondary{background:#edf3fa;color:#204b77}.danger{color:#aa3542;background:#fcf0f1}.button:disabled{background:#dbe3ed;color:#73859b;cursor:not-allowed}.full{width:100%}.form-footnote{text-align:center;font-size:12px;margin:-7px 0 0}.inline-note{padding:13px;border-radius:9px;background:#f3f7fb;font-size:12px;color:var(--muted)}.summary{background:linear-gradient(150deg,#fff,#f9fbff);position:sticky;top:24px}.summary h2{margin:10px 0}.summary-price{font-family:Manrope,system-ui,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1px}.benefits{list-style:none;padding:0;margin:22px 0;color:var(--muted);font-size:13px}.benefits li{padding:6px 0 6px 24px;position:relative}.benefits li:before{content:'✓';color:var(--teal);position:absolute;left:0;font-weight:700}.bank-mini{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:20px 0}.bank-mini>b{font-size:24px;color:#1467ad;letter-spacing:-1px}.bank-mini span{font-size:12px;color:var(--muted)}.bank-mini strong{color:var(--ink)}.email-note{border-radius:11px;background:#eaf5f2;padding:16px;display:flex;gap:13px;align-items:center;overflow-wrap:anywhere}.email-note>span{font-size:23px;color:var(--teal)}.email-note strong{display:block;font-size:13px}.email-note small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.small-note{font-size:12px;line-height:1.7}.alert{padding:16px 19px;border-radius:10px;font-size:13px;margin-bottom:23px;border:1px solid transparent;overflow-wrap:anywhere}.alert p{margin:7px 0 0;color:inherit}.alert-info{background:#edf3fa;border-color:#d4e1f1;color:#305578}.alert-error{background:#fff0f1;border-color:#f1cdd2;color:#9b2e3b}.alert-success{background:#eaf6f0;border-color:#c2e1d0;color:#226949}.bank-details{background:#f1f6fc;border:1px solid #dbe6f4;border-radius:13px;padding:22px;display:grid;gap:4px}.bank-logo{font-size:25px;letter-spacing:-1px;color:#1568ad}.bank-details>span{font-size:12px;color:var(--muted)}.bank-number{font-family:Manrope,system-ui,sans-serif;font-size:28px;letter-spacing:1px;overflow-wrap:anywhere;margin:4px 0 7px}.transfer-total{padding:20px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.transfer-total strong{font-size:23px}.proof-form{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.proof-form input[type=file]{font-size:12px;padding:16px;border-style:dashed;background:#f9fbfe}.order-meta{margin:22px 0}.order-meta div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;margin:15px 0;font-size:13px}.order-meta dt{color:var(--muted)}.order-meta dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}.badge{display:inline-flex;font-size:11px;font-weight:700;border-radius:50px;padding:5px 10px;background:#edf1f7;color:#526982}.badge.pending_review,.badge.sending,.badge.pending{background:#fff4dd;color:#876219}.badge.approved,.badge.sent{background:#e5f3eb;color:#22734d}.badge.rejected,.badge.failed{background:#fff0f1;color:#a33042}.status-block{display:flex;gap:14px;padding:20px 0;margin:20px 0;border-top:1px solid var(--line)}.status-block p{font-size:13px}.status-block small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.status-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#d8a34b;margin-top:5px}.status-block.success>span{color:var(--teal);font-weight:800;font-size:22px}.help-link{font-size:12px;font-weight:700}.summary .small-note{margin-top:18px}.shop-footer{display:flex;justify-content:space-between;gap:16px;margin-top:60px;padding:22px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.honeypot{position:absolute;left:-9999px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:26px;align-items:start}.settings-notes ol{padding-left:20px;font-size:13px;color:var(--muted)}.settings-notes li{padding:5px 0}.settings-notes p{font-size:13px}.settings-notes a{overflow-wrap:anywhere}.settings-notes .badge{margin-bottom:15px}.settings-notes form{margin-top:20px}.order-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.order-filters a{padding:7px 12px;border-radius:8px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line)}.order-filters a.selected{border-color:var(--blue);color:var(--blue);background:#eaf2fc}.orders-list{display:grid;gap:14px}.order-row{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:23px 25px}.order-row h2{font-size:15px;margin:0 0 5px}.order-row p{font-size:12px;margin:0;overflow-wrap:anywhere}.order-row .row-money{font-weight:700;margin-top:8px}.order-row .row-right{text-align:right;flex:0 0 auto}.order-row .row-right .badge{margin:0 0 8px}.order-row .row-right .button{display:flex}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.action-stack{display:grid;gap:20px}.action-stack form{border-top:1px solid var(--line);padding-top:18px}.action-stack textarea{min-height:100px;resize:vertical}.audit{padding:0;list-style:none;margin:20px 0 0;border-top:1px solid var(--line)}.audit li{font-size:12px;display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.audit time{color:var(--muted);font-size:11px}.empty-state{text-align:center;padding:50px 25px}.empty-state h1{font-size:28px}.password-panel{max-width:570px;margin:0 auto}.admin-total{font-size:13px;color:var(--muted);margin-bottom:15px}.order-actions{display:flex;gap:10px;flex-wrap:wrap}.note-title{font-size:14px;font-weight:700;margin-bottom:7px}[hidden]{display:none!important}
@media(max-width:780px){.checkout-grid,.settings-grid,.detail-grid{grid-template-columns:1fr}.summary{position:static}.shop-main{padding-top:30px}.shop-header nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.shop-header{padding:18px 24px}h1{font-size:31px}.shop-brand strong{font-size:20px}.shop-brand small{font-size:9px}.panel{padding:24px}.purchase-steps{gap:13px}.shop-footer{margin-top:40px}}
@media(max-width:420px){.shop-main{padding:25px 16px 0}.shop-header{padding:16px;gap:15px;align-items:flex-start}.shop-header nav{font-size:11px;max-width:155px;gap:8px 13px}.shop-brand>span{font-size:31px}.shop-brand strong{font-size:18px}.shop-brand small{font-size:8px;max-width:120px}.panel{padding:21px}.purchase-steps{gap:9px}.purchase-steps li{gap:6px;font-size:10px}.purchase-steps b{width:22px;height:22px;flex:0 0 22px}.bank-number{font-size:24px;letter-spacing:.5px}.transfer-total strong{font-size:20px}.summary-price{font-size:31px}.shop-footer{flex-direction:column;gap:5px}.order-row{align-items:flex-start;gap:13px;flex-direction:column}.order-row .row-right{width:100%;display:flex;gap:12px;align-items:center;justify-content:space-between}.order-row .row-right .badge{margin:0}.audit li{flex-direction:column;gap:2px}.order-meta div{grid-template-columns:80px minmax(0,1fr);gap:9px}}

.qris-payment{text-align:center}.qris-payment img{display:block;width:100%;max-width:420px;height:auto;margin:18px auto;border-radius:10px}.qris-payment p{overflow-wrap:anywhere}.qris-payment .button{max-width:100%;white-space:normal}