.avf-pricing-wrap{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin:40px 0;}
.avf-plan-card::before{ content:''; position:absolute; inset:0; border-radius:20px; padding:2px;packground:linear-gradient(135deg,#007bff,#28a745); -webkit-mask: linear-gradient(#fff 0 0) content-box,    linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; z-index: -1!important;}
.avf-plan-card h3{ font-size:22px; font-weight:700; margin-bottom:10px;}
.price{font-size:36px;font-weight:800; margin:15px 0; color:#111;}
.price.free{color:#007bff;}
.avf-plan-card p{color:#666;font-size:13px; margin-bottom:10px;}
.avf-plan-card{background:#fff; border-radius:16px;padding:24px;box-shadow:0 8px 20px rgba(0,0,0,0.08); position:relative; transition:.3s;}
.avf-plan-card:hover{transform:translateY(-10px);}
.avf-plan-card.popular{border:2px solid #ff9800;transform:scale(1.05);}
.avf-ribbon{position:absolute; top:15px;right:-10px;background:#ff9800; color:#fff; padding:5px 15px; transform:rotate(45deg); font-size:12px;}
.price span{font-size:14px;color:#777;}
.avf-features{list-style:none; padding:0!important; margin:15px 0; text-align:left;}
.avf-features li{padding:6px 0px; font-size:13px; color:#444; border-bottom:1px solid rgba(0,0,0,0.08); margin:2px 0px; }
.avf-features li::before{content:'✔';color:#28a745; margin-right:10px;}
/* Buttons */
.buy-btn, .current-btn{display:inline-block;margin-top:20px;padding:12px 25px; border-radius:30px; text-decoration:none;font-size:14px; font-weight:700;transition:0.3s;}
.buy-btn{background:linear-gradient(135deg,#007bff,#00c6ff);color:#fff;}
.buy-btn:hover{transform:scale(1.05); background:linear-gradient(135deg,#00c6ff,#007bff);color:#fff;}
.current-btn{ background:#28a745; color:#fff;cursor:not-allowed;}
.active-plan{border:2px solid #28a745; transform:scale(1.05);}
.popular-badge{ position:absolute; top:15px;right:-30px;background:#ff9800; color:#fff;  padding:5px 40px; font-size:12px; transform:rotate(45deg);}
.avf-lock{background:#fff3cd; padding:12px; border-radius:8px; color:#856404;}
.avf-plan-card{animation:fadeUp 0.6s ease forwards;}
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.avf-badge{display:inline-block;padding:5px 12px;  border-radius:20px;  font-size:12px; font-weight:600;margin-left:5px;}
.avf-general{ background:#eee;color:#333;}
.avf-youth{ background:linear-gradient(45deg,#007bff,#00c6ff);color:#fff;}
.avf-women{ background:linear-gradient(45deg,#ff4b8b,#ff9a9e); color:#fff;}
.avf-dashboard{ padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.avf-stats{ display:flex;gap:20px; margin-bottom:20px;}
.avf-stats div{ flex:1; padding:20px; background:linear-gradient(45deg,#007bff,#00c6ff);color:#fff; border-radius:10px;text-align:center; font-size:16px;}
.avf-table{width:100%; border-collapse:collapse;}
.avf-table th, .avf-table td{padding:6px 10px;border-bottom:1px solid #eee;text-align:left;}
.avf-plan-box{ max-width:420px; background:#fff;padding:20px; border-radius:16px; box-shadow:0 15px 40px rgba(0,0,0,0.08);font-family:sans-serif;}
.avf-plan-box h3{margin-bottom:15px;}
.avf-plan-row{display:flex; justify-content:space-between; margin-bottom:10px;font-size:14px;}
.avf-countdown{display:flex;gap:10px; margin:15px 0;}
.timer-box{flex:1; text-align:center; background:#111; color:#fff; padding:10px;border-radius:10px;}
.timer-box b{display:block; font-size:18px;}
.timer-box small{ font-size:11px; opacity:0.7;}
.expired{color:red; font-weight:bold;}
.avf-grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 20px;}
.avf-card {background: #fff;border-radius: 16px;overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: 0.3s;}
.avf-card:hover {transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
/* HEADER COLORS */
.avf-card-header {padding: 15px;color: #fff;text-align: center;}
.avf-free { background: linear-gradient(45deg,#777,#999); }
.avf-silver { background: linear-gradient(45deg,#9e9e9e,#c0c0c0); }
.avf-leader { background: linear-gradient(45deg,#ff9800,#ff5722); }
/* PRICE */
.avf-price {text-align: center; font-size: 28px;font-weight: bold; margin: 15px 0;}
.avf-price span {font-size: 14px;color: #777;}
/* LIMITS */
.avf-limits {padding: 10px 20px;font-size: 14px;}
/* ACTIONS */
.avf-actions {display: flex;justify-content: space-between; padding: 15px;}
.avf-pricing-wrapper{text-align:center;}
.avf-toggle{display:inline-flex;background:#eee;border-radius:30px; padding:5px;margin-bottom:25px;}
.avf-toggle span{padding:8px 20px; cursor:pointer; border-radius:20px;}
.avf-toggle .active{background:#007cba; color:#fff;}
.btn{ display:block;width:100%; padding:10px; border-radius:30px; border:none;text-align:center;font-weight:600;text-decoration:none;}
.btn.upgrade{background:linear-gradient(45deg,#2196f3,#00bcd4); color:#fff; padding:10px; border-radius:10px;}
.btn.current{background:#28a745;color:#fff; padding:10px; border-radius:10px;}
.avf-dashboard{max-width:1000px;margin:auto;font-family:system-ui;}
/* MAIN CARD */
.main-card{display:flex;justify-content:space-between; align-items:center; background:linear-gradient(135deg,#1e3c72,#2a5298); color:#fff; border-radius:16px; padding:20px; margin-bottom:20px;}
.plan-info h2{margin:0;}
.badge{display:inline-block;margin-top:5px; background:#fff;color:#000; padding:4px 10px; border-radius:20px; font-size:12px;}
.expiry h3{margin:5px 0;}
.expiry .danger{color:#ff4d4d;}
/* GRID */
.avf-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}
/* CARDS */
.avf-card{background:#fff; border-radius:14px;padding:20px; box-shadow:0 6px 15px rgba(0,0,0,0.08);}
/* STATS */
.stat-card h4{margin-bottom:10px;}
.stat-number{font-size:22px;font-weight:bold; margin-bottom:10px;}
/* PROGRESS */
.progress{height:8px; background:#eee; border-radius:10px; overflow:hidden;}
.progress-bar{height:100%;background:linear-gradient(90deg,#00c6ff,#0072ff);}
/* FEATURES */
.features{list-style:none; padding:0;}
.features li{margin-bottom:8px;}
/* BUTTON */
.upgrade-btn{ background:#ff9800;color:#fff;padding:10px 20px; border-radius:25px; text-decoration:none;font-weight:600;}
/* DASHBOARD TILES */
.avf-tiles{display:flex;gap:20px; flex-wrap:wrap; margin-bottom:25px;}
.tile{flex:1; min-width:200px; background:linear-gradient(135deg,#667eea,#764ba2); color:#fff; padding:20px;border-radius:12px;  text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.tile .button{margin-top:10px;background:#fff; color:#333;}
/* BOX */
.avf-box{background:#fff; padding:20px; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
/* SEARCH */
.avf-search{display:flex; gap:10px; margin-bottom:15px;}
.avf-search input{ padding:8px;border:1px solid #ddd; border-radius:6px;width:250px;}
/* TABLE */
.avf-table th{background:#f5f5f5;}
.avf-table td{vertical-align:middle;}
.avf-table img.avatar{border-radius:50%;}
/* BUTTON */
.button-danger{background:#dc3545; color:#fff;}

.avf-razorpay-btn, .avf-upgrade-btn {background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;border: none; padding: 10px;border-radius: 10px;cursor: pointer;width: 100%;font-weight: 600;}
.avf-razorpay-btn:hover, .btn.upgrade, .btn.current { opacity: 0.8; }
.avf-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.avf-popup-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    max-width: 320px;
}

.avf-popup-box h2 {
    margin-bottom: 10px;
}

.avf-popup-box button {
    background: #6366f1;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
}