body{font-family:sans-serif;background:#f0f2f5;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:15px}
.container{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);max-width:500px;width:100%;text-align:center}
.hidden{display:none!important}
.promo-box{background:#f8f9fa;padding:15px;border-radius:8px;text-align:left;margin-bottom:20px}
.btn{display:block;width:100%;padding:12px;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-bottom:10px}
.btn-primary{background:#007bff;color:white}
.btn-success{background:#28a745;color:white}
.btn-secondary{background:#6c757d;color:white}
.btn-tg{background:#0088cc;color:white}
input,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
.alert{padding:12px;border-radius:6px;margin-bottom:15px}
.alert-info{background:#d1ecf1;color:#0c5460}
.alert-warning{background:#fff3cd;color:#856404;border:2px solid #ffeeba;}
.alert-success{background:#d4edda;color:#155724}

.alert-danger, .alert-error {
    background: #dc3545 !important;
    color: #ffffff !important;
    border: 2px solid #b02a37 !important;
    font-weight: bold;
}

.text-left{text-align:left}
hr{border:0;border-top:1px solid #eee;margin:15px 0}
.custom-select{width:100%;padding:12px;font-size:16px;background-color:white;cursor:pointer}
.payment-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:20px;margin:20px 0; text-align:left;}
.btn-copy{background:#e9ecef;border:1px solid #ced4da;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:0.2s}
.btn-copy:hover{background:#dde2e6}

#ui_toast {
    position: fixed; top: 20px; right: 20px;
    padding: 15px 20px; border-radius: 8px; color: white;
    z-index: 9999; box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: opacity 0.3s;
    font-weight: bold;
}
.toast-error { background: #dc3545; }
.toast-success { background: #28a745; }