.payment-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#f5f5f5}.payment-card{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;width:100%;max-width:500px;transition:all .3s ease}img.logo{left:50%;position:relative;transform:translate(-50%)}.payment-card h2{text-align:center;margin:0;color:#0a5e42}.payment-amount{text-align:center;margin-bottom:20px}.payment-amount .amount{font-size:32px;font-weight:700;color:#2c3e50}.payment-items h3{font-size:16px;color:#666;margin-bottom:10px}.payment-items ul{list-style:none;padding:0}.payment-items li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0;padding-top:12px;border-top:1px solid #eee}.payment-actions button{padding:12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.payment-actions button.share-link-btn{background-color:#fff;color:#0a5e42;border:solid 1px #c4d98f}.payment-actions button.share-link-btn:hover{border:solid 1px #c4d98f;background-color:#f5f5f5}.pay-now-btn{background-color:#2ecc71;color:#fff}.pay-now-btn:hover{background-color:#27ae60}.pay-now-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.qr-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.share-link-popup{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#2c3e50;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 10px #0003}.payment-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;padding:20px}.payment-card h3.payment-error{margin-top:20px;color:#e74c3c;text-align:center}.payment-process-error{background-color:#ffecec;color:#e74c3c;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.toggle-detail-btn{background:none;border:solid 1px #0a5e42;border-radius:4px;padding:4px 8px;color:#0a5e42;cursor:pointer;font-size:.7rem;transition:color .2s ease,background-color .2s ease}.toggle-detail-btn:hover{background-color:#0a5e42;color:#fff}.payment-items-content{max-height:0;overflow:hidden;opacity:0;font-size:11px;transition:max-height .4s ease,opacity .3s ease}.payment-items-content.open{max-height:500px;opacity:1;font-size:.7rem}.payment-items-table{width:100%;border-collapse:collapse;margin-top:10px}.payment-items-table th,.payment-items-table td{border:1px solid #ddd;padding:8px;text-align:left}.payment-items-table th{background-color:#f5f5f5;font-weight:600}.payment-items-table tr:nth-child(2n){background-color:#fafafa}.back-btn{position:absolute;top:20px;left:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.share-screen{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .3s ease}.share-link{display:flex;width:100%;max-width:400px}.share-link input{flex:1;padding:8px 12px;border:1px solid #0a5e42;border-radius:4px 0 0 4px;font-size:.9rem;color:#333}.share-link button{background-color:#eee;color:#fff;border:1px solid #0a5e42;border-left:none;padding:8px 12px;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem}.qr-legend{font-size:.75rem;color:#666;text-align:center;margin-top:8px;margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}