body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;padding:var(--space-8);margin:0;display:flex;justify-content:center;min-height:100vh}.container{max-width:1100px;width:100%;background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8)var(--space-6)}h1{color:var(--accent-primary);margin-bottom:var(--space-4);text-align:center;font-size:var(--space-8)}.content-wrapper{display:flex;gap:var(--space-6);margin-bottom:var(--space-8)}.left-column{flex:1;min-width:0}.right-column{flex:1;min-width:0}.column-header{color:var(--text-primary);background-color:var(--bg-tertiary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-1);margin-bottom:var(--space-4);font-size:var(--space-6);display:inline-block}@media(max-width:850px){.content-wrapper{flex-direction:column}}.app-selection-scrollbox{max-height:500px;overflow-y:auto;padding-right:var(--space-2)}.app-selection-scrollbox::-webkit-scrollbar{width:8px}.app-selection-scrollbox::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:var(--radius-sm)}.app-selection-scrollbox::-webkit-scrollbar-track{background-color:var(--bg-tertiary)}.app-card-group{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.app-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.app-card:hover{border-color:var(--accent-secondary);background-color:var(--hover-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary);background-color:var(--hover-bg)}.app-card.disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary);box-shadow:none;transform:none}.app-card.disabled:hover{border-color:var(--border-color)}.stock-badge{position:absolute;top:var(--space-3);right:var(--space-3);background-color:var(--accent-danger);color:var(--text-primary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--space-3);font-weight:700}.discount-badge{position:absolute;bottom:10px;right:-25px;background-color:var(--accent-warning);color:var(--bg-primary);padding:var(--space-1)var(--space-8);font-size:var(--space-3);font-weight:700;transform:rotate(-40deg);box-shadow:0 0 5px rgba(0,0,0,.3);text-align:center}.app-card-header{display:flex;align-items:center;margin-bottom:var(--space-3)}.app-logo{width:32px;height:32px;margin-right:var(--space-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--space-4)}.app-logo-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.app-name{font-size:var(--space-5);font-weight:700;color:var(--text-primary);line-height:1.2}.app-description{font-size:var(--space-3);color:var(--text-secondary);margin-bottom:var(--space-3)}.app-price{font-size:var(--space-4);font-weight:700;color:var(--accent-secondary)}.app-price{display:flex;align-items:center;flex-wrap:wrap}.original-price{text-decoration:line-through;color:var(--text-muted);font-size:var(--space-3);margin-right:var(--space-2);font-weight:400}.total-price-box{background-color:var(--accent-secondary);padding:var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:center}.total-price-box p{margin:0;font-size:var(--space-5);font-weight:700}.total-amount{font-size:var(--space-8);font-weight:700;color:var(--bg-primary)}.transfer-info{background-color:var(--bg-tertiary);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-6)}.account-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--accent-secondary)}.account-details strong{display:block;color:var(--accent-secondary);font-size:var(--space-4)}.copy-btn{background-color:var(--accent-primary);color:var(--text-primary);border:none;padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--space-3)}.copy-btn:hover{background-color:#2563eb}.copy-btn.copied-success{background-color:var(--accent-secondary);color:var(--text-primary);pointer-events:none}.note{font-size:var(--space-3);color:var(--text-muted);margin-top:var(--space-2)}.confirmation-section{background-color:var(--bg-secondary);padding:var(--space-6)0;border-top:2px solid var(--border-color)}.confirmation-section h2{border-bottom:none;margin-top:0}textarea{width:100%;padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.button-group{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.btn{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:var(--space-4);transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-whatsapp{background-color:var(--accent-secondary);color:var(--text-primary)}.btn-telegram{background-color:var(--accent-primary);color:var(--text-primary)}.text-center{text-align:center}.qris-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.qris-modal-overlay.show{opacity:1;visibility:visible}.qris-modal-content{background-color:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:400px;width:90%;position:relative;transform:scale(.9);transition:transform .3s ease}.qris-modal-overlay.show .qris-modal-content{transform:scale(1)}.qris-modal-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.qris-modal-close-btn{position:absolute;top:var(--space-3);right:var(--space-3);background:0 0;border:none;font-size:var(--space-8);color:var(--text-muted);cursor:pointer}.app-card{position:relative;overflow:hidden}