.payment-container{margin:5%;width:90%;max-width:500px;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.25);animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-header{background:linear-gradient(90deg,#4b6cb7,#182848);color:#fff;padding:10px;text-align:center}.payment-header h1{font-size:24px;margin-bottom:5px;font-weight:600}.payment-header p{opacity:.9;font-size:14px}.payment-body{padding:30px;text-align:center}.status-icon{font-size:80px;margin-bottom:25px;transition:all .4s ease}.success-icon{color:#4caf50;animation:bounce 1s}.failure-icon{color:#f44336;animation:shake .5s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}.loading-icon{color:#2196f3;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-container .status-title{font-size:24px;font-weight:600;margin-bottom:15px;color:#333}.payment-container .status-desc{color:#666;margin-bottom:25px;line-height:1.6}.payment-container .order-info-res{background:#f5f9ff;border-radius:12px;padding:15px;margin-bottom:25px;text-align:left;border-left:4px solid #4b6cb7}.payment-container .info-item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e0e0e0}.payment-container .info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.payment-container .info-label{font-weight:500;color:#555}.payment-container .info-value{color:#333;font-weight:600}.payment-container .button-group{display:flex;gap:15px;margin-top:20px}.payment-container .btn{flex:1;padding:14px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.payment-container .btn-primary{background:linear-gradient(90deg,#4b6cb7,#182848);color:#fff}.payment-container .btn-secondary{background:#f5f5f5;color:#555;border:1px solid #ddd}.payment-container .btn-success{background:linear-gradient(90deg,#4caf50,#2e7d32);color:#fff}.payment-container .btn-danger{background:linear-gradient(90deg,#f44336,#c62828);color:#fff}.payment-container .btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.payment-container .countdown{color:#2196f3;font-weight:700;margin-top:10px;font-size:18px}.payment-container .footer{text-align:center;padding:20px;color:#777;font-size:14px;border-top:1px solid #eee;background:#f9f9f9}.payment-container .footer a{color:#4b6cb7;text-decoration:none}@media (max-width:480px){.payment-container .payment-body{padding:10px}.payment-container .button-group{flex-direction:column}}