body { background-color: #0f1117; color: #e5e7eb; }
.text-subtle { color: #8b92a5; }
.tariff-card { background: #111827; border: 1px solid #1f2933; border-radius: 12px; padding: 30px; transition: 0.3s; height: 100%; display: flex; flex-direction: column; }
.tariff-card:hover { border-color: #86ab2c; box-shadow: 0 10px 30px rgba(134, 171, 44, 0.1); transform: translateY(-5px); }
.tariff-price { font-size: 36px; font-weight: bold; color: #fff; margin: 15px 0; }
.feature-list { list-style: none; padding: 0; margin-bottom: 10px; flex-grow: 1; }
.feature-list li { margin-bottom: 12px; font-size: 14px; display: flex; align-items: center; gap: 10px; }
.feature-list li i { color: #86ab2c; font-size: 16px; }
.pay-select, .tx-input { background-color: #0b0d12; color: #fff; border: 1px solid #1f2933; border-radius: 8px; padding: 10px; width: 100%; font-size: 14px; outline: none; margin-bottom: 15px; }
.pay-select:focus, .tx-input:focus { border-color: #86ab2c; }
.btn-pay { background-color: #86ab2c; color: #fff; font-weight: bold; width: 100%; padding: 12px; border-radius: 8px; border: none; transition: 0.2s; }
.btn-pay:hover { background-color: #769a24; }
.crypto-box { background: rgba(38, 166, 154, 0.05); border: 1px dashed #26a69a; border-radius: 8px; padding: 15px; margin-bottom: 15px; display: none; }
.wallet-address { font-family: monospace; font-size: 13px; color: #26a69a; word-break: break-all; margin-top: 5px; user-select: all; }

/* Стили для Toast-уведомлений */
.toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
.custom-toast { background: #111827; border: 1px solid #ef5350; border-left: 4px solid #ef5350; border-radius: 8px; color: #fff; padding: 15px 20px; margin-bottom: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); opacity: 0; transform: translateX(50px); transition: all 0.3s ease; }
.custom-toast.show { opacity: 1; transform: translateX(0); }
.custom-toast.success { border-color: #26a69a; border-left-color: #26a69a; }
.toast-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; font-weight: bold; font-size: 15px; }
.toast-body { font-size: 13px; color: #d1d5db; line-height: 1.5; word-wrap: break-word; }
.toast-close { background: none; border: none; color: #8b92a5; cursor: pointer; font-size: 16px; padding: 0; }
.toast-close:hover { color: #fff; }