*{margin:0;padding:0;box-sizing:border-box; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


body{
    background:linear-gradient(120deg,#f6fbfc,#e6f7f4);
}

/* HEADER */

.cc-main-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#ffffff;
    border-bottom:1px solid #e6edf5;
    padding:16px 80px;
    transition:.3s;
}

.cc-main-header.scrolled{
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.cc-header-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* LOGO */
.cc-logo{
    font-size:22px;
    font-weight:700;
    color:#0b3c78;
}

/* NAV LINKS */
.cc-nav-links{
    display:flex;
    align-items:center;
    gap:20px;
}

.cc-nav-links a{
    text-decoration:none;
    color:#0b3c78;
    font-weight:500;
}

/* CTA BUTTON */
.cc-header-btn{
    background:#1a4332;
    color:#fff;
    border:none;
    padding:10px 22px;
    border-radius:10px;
    font-weight:600;
    cursor:pointer;
}


.cc-hamburger{
    display:none;
    font-size:26px;
    cursor:pointer;
}

@media(max-width:900px){

    .cc-main-header{
        padding:14px 20px;
    }

    .cc-hamburger{
        display:block;
    }

    .cc-nav-links{
        position:fixed;
        top:70px;
        right:-100%;
        width:250px;
        height:calc(100vh - 70px);
        background:#fff;
        flex-direction:column;
        padding:30px 20px;
        gap:25px;
        box-shadow:-10px 0 30px rgba(0,0,0,0.05);
        transition:.3s;
    }

    .cc-nav-links.active{
        right:0;
    }

    .cc-header-btn{
        width:100%;
    }
}


.primary-btn{
    background:#1a4332;
    color:#fff;
    border:none;
    padding:15px 30px;
    font-size: 18px;
    border-radius:12px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.primary-btn.small{padding:10px 16px;}

.secondary-btn{
    background:transparent;
    border:1px solid #ddd;
    padding:15px 30px;
    border-radius:12px;
    cursor:pointer;
}

/* HERO */
.hero{
    display:flex;
    justify-content:space-between;
    padding:80px 80px;
    align-items:center;
}

/* LEFT */
.hero-left{
    max-width:600px;
}

.trust-badge{
    background: #a7c60054;
    color: #1a4332;
    font-size: 12px;
    width: max-content;
    padding:8px 16px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:20px;
}

.hero-left h1{
    font-size:56px;
    color: #1a4332;
    line-height:1.1;
    margin-bottom:20px;
}

.hero-left h1 span{color:#A7C600;}

.hero-left p{
    font-size:18px;
    color:#1f1f1f;
    margin-bottom:20px;
}

.bureau-tags{
    display:flex;
    gap:10px;
    margin-bottom:30px;
   
}

.bureau-tags .tag{
  padding: 9px 20px;
  border-radius: 50px;
   
}

.tag{
    padding:8px 14px;
    border-radius:30px;
    font-weight:600;
    font-size:14px;
}

.blue{background:#e6f0ff; color:#2563eb; border: 1px solid #2564eb58 !important ;}
.purple{background:#f3e8ff; color:#7c3aed; border: 1px solid #7c3aed59 !important ;}
.orange{background:#ffe4e6; color:#dc2626; border: 1px solid #dc262644 !important ;}
.green{background:#dcfce7; color:#15803d; border: 1px solid #15803c51 !important ;}

.cta-row{display:flex;gap:16px;margin-bottom:20px;}

.security-row{
    color:#777;
    font-size:14px;
}

/* RIGHT CARD */
.hero-right{flex:1;display:flex;justify-content:center;}

.score-cards{
    background:#fff;
    width:500px;
    max-width: 550;
    padding:30px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

.score-cards p{text-align:center;color:#1f1f1f;}
.score-cards h2{
    font-size:60px;
    text-align:center;
    color:#A7C600;
}
.score-label{
    display:block;
    text-align:center;
    margin-bottom:20px;
    color:#A7C600;
    font-weight:600;
}

.bureau-score{
    display:flex;
    justify-content:space-between;
    background:#f5f7fa;
    padding:12px 16px;
    border-radius:10px;
    margin-bottom:10px;
}

/* RESPONSIVE */
@media(max-width:900px){
    .hero{flex-direction:column;text-align:center;padding:40px;}
    .hero-left h1{font-size:36px;}
}

/* WHY SECTION */
.why-section{
    padding:100px 80px;
    background:#fff;
    text-align:center;
}

.section-header h2{
    font-size:42px;
    margin-bottom:10px;
}

.section-header p{
    color:#667085;
    margin-bottom:50px;
    font-size:18px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.why-card{
    background:#F9FAFB;
    padding:30px 30px;
    border-radius:18px;
    border:1px solid #e6edf5;
    text-align:left;
    transition:.3s;
}

.why-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
}

.why-icon{
    width:55px;
    height:55px;
    background:#e6f7f4;
    color:#16a085;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:26px;
    margin-bottom:20px;
}

.why-card h3{
    font-size:20px;
    margin-bottom:10px;
}

.why-card p{
    color:#667085;
}

/* RESPONSIVE */
@media(max-width:1000px){
    .why-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
    .why-grid{grid-template-columns:1fr;}
}


/* SECTION */
.cc-pricing-section{
    padding:100px 80px;
    background:#F9FAFB;
    text-align:center;
}

.cc-section-header h2{
    font-size:42px;
    margin-bottom:10px;
}

.cc-section-header p{
    color:#667085;
    margin-bottom:50px;
    font-size:18px;
}

/* GRID */
.cc-pricing-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* CARD */
.cc-price-card{
    background:#fff;
    padding:30px 30px;
    border-radius:20px;
    border:1px solid #e6edf5;
    text-align:left;
    position:relative;
    transition:.3s;
}

.cc-price-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
}

.cc-price-card h3{
    font-size:20px;
    margin-bottom:10px;
}

/* PRICE */
.cc-price{
    font-size:38px;
    font-weight:700;
    margin-bottom:25px;
}

.cc-price span{
    font-size:16px;
    color:#667085;
}

/* FEATURES */
.cc-feature-list{
    list-style:none;
    margin-bottom:30px;
    padding-left:0;
}

.cc-feature-list li{
    margin-bottom:10px;
}

/* MOST POPULAR */
.cc-popular-plan{
    border:2px solid #A7C600;
    background:#f2fbf9;
}

.cc-popular-badge{
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    background:#A7C600;
    color:#fff;
    padding:6px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

/* BUTTONS */
.cc-btn-primary{
    width:100%;
    padding:14px;
    border:none;
    border-radius:12px;
    background:#A7C600;
    color:#fff;
    font-weight:600;
    cursor:pointer;
}

.cc-btn-outline{
    width:100%;
    padding:14px;
    border-radius:12px;
    border:1px solid #d0d5dd;
    background:#fff;
    cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:1000px){
    .cc-pricing-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:600px){
    .cc-pricing-grid{grid-template-columns:1fr;}
}


/* FINAL CTA */
.cc-final-cta-section{
    padding:120px 80px 80px;
    background:#ffffff;
    display:flex;
    justify-content:center;
}

.cc-final-cta-box{
    width:100%;
    max-width:1000px;
    background:#1A4332;
    color:#fff;
    padding:70px 40px;
    border-radius:28px;
    text-align:center;
}

.cc-final-cta-box h2{
    font-size:40px;
    margin-bottom:12px;
}

.cc-final-cta-box p{
    font-size:18px;
    opacity:0.9;
    margin-bottom:35px;
}

.cc-final-cta-btn{
    background:#A7C600;
    color:#fff;
    padding:16px 40px;
    border:none;
    border-radius:14px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cc-final-cta-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,0.2);
}


/* FOOTER */
.cc-main-footer{
    border-top:1px solid #e6edf5;
    padding:30px 80px;
    background:#fff;
}

.cc-footer-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.cc-footer-left{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
}

.cc-footer-logo{
    width:38px;
    height:38px;
    background:#0b3c78;
    color:#fff;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
}

.cc-footer-center a{
    color:#0b3c78;
    text-decoration:none;
    font-weight:500;
}

.cc-footer-right{
    color:#667085;
    font-size:14px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .cc-footer-container{
        flex-direction:column;
        text-align:center;
    }
}



body{
    background: radial-gradient(circle at 10% 20%, #eef2ff, transparent 40%),
                radial-gradient(circle at 90% 80%, #dbeafe, transparent 40%),
                #f8fafc;
    color:#111827;
}

.dashboard{display:flex;min-height:100vh;}

/* Sidebar */
.sidebar{
    width:250px;
      min-width:260px;
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    overflow-y:auto; 
    background:#1a4332;
    color:#fff;
    padding:20px;
    display:flex;
    flex-direction:column;
    transition:0.3s;
}

/* Sidebar collapse for desktop */
.sidebar.collapsed{
    width:80px;
}

.sidebar.collapsed .logo-text,
.sidebar.collapsed .menu li span,
.sidebar.collapsed .logout span{
    display:none;
}

.sidebar.collapsed .menu li,
.sidebar.collapsed .logout{
    justify-content:center;
}

.sidebar, .main{
    transition:all 0.3s ease;
}

.main{
    margin-left:260px; 
    height:100vh;
    overflow-y:auto; 
    padding:24px;
    flex:1;
}

/* Mobile sidebar */
@media(max-width:768px){
    .sidebar{
        position:fixed;
        left:-260px;
        top:0;
        height:100%;
        z-index:1000;
    }
    .sidebar.show{
        left:0;
    }
}


.logo{display:flex;gap:10px;align-items:center;margin-bottom:30px;}
.logo i{font-size:24px;color:#38bdf8;}

.menu{list-style:none;flex:1;}
.menu li{
    padding:12px;
    margin-bottom:8px;
    border-radius:10px;
    display:flex;
    gap:10px;
    cursor:pointer;
    transition:0.3s;
}
.menu li:hover,.menu .active{background:#a7c600; color: #1f1f1f;}

.logout{
    padding:12px;
    background:#a7c600;
    color: #1f1f1f;
    border-radius:10px;
    text-align:center;
    cursor:pointer;
}

/* Main */
.main{flex:1;padding:30px;}
.topbar{display:flex;align-items:center;gap:15px;}
.menu-toggle{display:none;background:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;}
.subtitle{color:#6b7280;margin-bottom:25px;}

/* Cards */
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:20px;
}

.card{
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(14px);
    border-radius:20px;
    padding:24px;
    position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.07);
    transition:0.3s;
}
.card:hover{transform:translateY(-6px);}

.card::after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    background:radial-gradient(circle, rgba(99,102,241,0.15), transparent 70%);
    top:-30px;
    right:-30px;
}

.card-icon{
    width:52px;height:52px;border-radius:16px;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;color:#fff;
    background:linear-gradient(135deg,#6366f1,#22d3ee);
    margin-bottom:12px;
}
.green{background:linear-gradient(135deg,#22c55e,#16a34a);}
.yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24);}
.purple{background:linear-gradient(135deg,#a855f7,#6366f1);}

.positive{color:#16a34a;font-size:13px;}

/* Panels */
.bottom-section{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
    margin-top:25px;
}

.panel{
    background:rgba(255,255,255,0.8);
    /* backdrop-filter:blur(14px); */
    border-radius:20px;
    padding:22px;
    box-shadow:0 12px 30px rgba(0,0,0,0.06);
    margin-top: 20px;
}

.table-title{
    margin-bottom: 20px;
}

.panel-header{font-size:18px;font-weight:600;margin-bottom:18px;}

/* Reports */
.report-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 16px;
    border-radius:14px;
    background:#fff;
    margin-bottom:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.05);
    transition:0.3s;
}
.report-item:hover{transform:translateX(5px);}

.status{
    background:#dcfce7;
    color:#16a34a;
    padding:4px 10px;
    border-radius:20px;
    font-size:11px;
    font-weight:600;
}

/* Stats */
.stat{margin-bottom:30px;}
.stat-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px;}
.progress{height:6px;background:#e5e7eb;border-radius:10px;overflow:hidden;}
.progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);}

/* Responsive */
@media(max-width:900px){.bottom-section{grid-template-columns:1fr;}}
@media(max-width:768px){
    .sidebar{position:fixed;left:-260px;top:0;height:100%;z-index:1000;}
    .sidebar.show{left:0;}
    .menu-toggle{display:block;}
}


/***** users page css */ 

.page-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.page-top h1{font-size:26px;}
.page-top p{color:#6b7280;}

.user-count{
    background:#fff;
    padding:10px 18px;
    border-radius:30px;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
    font-weight:600;
}

/* Search */
.search-box{
    display:flex;
    align-items:center;
    background:#f1f5f9;
    border-radius:30px;
    padding:10px 15px;
    margin-bottom:20px;
}
.search-box input{
    border:none;
    background:transparent;
    outline:none;
    flex:1;
    padding-left:10px;
}

/* Table */
.users-table{
    width:100%;
    border-collapse:collapse;
}

.users-table thead{
    background:#f8fafc;
    text-align:left;
}

.users-table th, .users-table td{
    padding:16px 10px;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
}

.users-table tbody tr{
    transition:0.2s;
}
.users-table tbody tr:hover{
    background:#f9fafb;
}

/* Avatar */
.avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#e2e8f0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    margin-right:10px;
}
.avatar.admin{background:#1e40af;color:#fff;}

.user-cell{
    display:flex;
    align-items:center;
}

/* Role Badges */
.badge{
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.badge.partner{background:#e0f2fe;color:#0284c7;}
.badge.user{background:#e5e7eb;color:#374151;}
.badge.admin{background:#1e3a8a;color:#fff;}

/* Responsive */
@media(max-width:768px){
    .users-table th:nth-child(5),
    .users-table td:nth-child(5){
        display:none;
    }
}

/**** partners page */ 

.page-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.page-top h1{font-size:26px;}
.page-top p{color:#6b7280;}

.page-actions{display:flex;gap:12px;align-items:center;}

.partner-count{
    background:#fff;
    padding:10px 18px;
    border-radius:30px;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
    font-weight:600;
}

.add-btn{
    background:#1e3a8a;
    color:#fff;
    border:none;
    padding:10px 16px;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
    transition:0.2s;
}
.add-btn:hover{opacity:0.9;}

/* Tabs */
.tabs{
    display:flex;
    gap:10px;
    margin-bottom:15px;
}

.tab{
    padding:8px 16px;
    border-radius:30px;
    border:none;
    background:#e5e7eb;
    cursor:pointer;
    font-weight:600;
}

.tab.active{
    background:#1e3a8a;
    color:#fff;
}

/* Table */
.partners-table{
    width:100%;
    border-collapse:collapse;
}

.partners-table th, .partners-table td{
    padding:15px 10px;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
    text-align: left;
}

.partners-table tbody tr:hover{background:#f9fafb;}

/* Partner Cell */
.partner-cell{
    display:flex;
    align-items:center;
    gap:10px;
}

.avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#e2e8f0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.franchise-id{
    background:#14b8a6;
    color:#fff;
    padding:5px 10px;
    border-radius:6px;
    font-size:12px;
}

.revenue{color:#16a34a;font-weight:600;}

.status{
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.status.active{
    background:#1e3a8a;
    color:#fff;
}

.action-icon{
    cursor:pointer;
    color:#374151;
}

/* Search */
.search-box{
    display:flex;
    align-items:center;
    background:#f1f5f9;
    border-radius:30px;
    padding:10px 15px;
    margin-bottom:20px;
}

.search-box input{
    border:none;
    background:transparent;
    outline:none;
    flex:1;
    padding-left:10px;
}

/* Responsive */
@media(max-width:900px){
    .partners-table th:nth-child(4),
    .partners-table td:nth-child(4){
        display:none;
    }
}

/* ===== RESPONSIVE TABLE TRANSFORM ===== */
@media(max-width:768px){

    .partners-table thead{
        display:none; /* hide header */
    }

    .partners-table,
    .partners-table tbody,
    .partners-table tr,
    .partners-table td{
        display:block;
        width:100%;
    }

    .partners-table tr{
        background:#fff;
        margin-bottom:15px;
        padding:15px;
        border-radius:12px;
        box-shadow:0 6px 15px rgba(0,0,0,0.05);
    }

    .partners-table td{
        border:none;
        padding:8px 0;
        font-size:13px;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    /* Add labels before each data */
    .partners-table td::before{
        content:attr(data-label);
        font-weight:600;
        color:#6b7280;
    }

    .partner-cell{
        justify-content:flex-start !important;
    }
}

/* ===== PAGE TOP RESPONSIVE ===== */

.page-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.page-top h1{
    font-size:26px;
    margin-bottom:4px;
}

.page-top p{
    color:#6b7280;
    font-size:14px;
}

/* Right side actions */
.page-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

/* Tablet */
@media(max-width:900px){
    .page-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .page-actions{
        width:100%;
        justify-content:flex-start;
    }
}

/* Mobile */
@media(max-width:600px){

    .page-top h1{
        font-size:22px;
    }

    .partner-count{
        padding:8px 14px;
        font-size:13px;
    }

    .add-btn{
        padding:8px 12px;
        font-size:13px;
    }

    .page-actions{
        gap:8px;
    }
}

.tab-content{display:none;}
.tab-content.active{display:block;}

/* Wallet Top */
.wallet-top{
    display:grid;
    grid-template-columns:1fr 2fr 1fr;
    gap:20px;
    margin-bottom:20px;
}

.wallet-card{
    background:#fff;
    padding:18px;
    border-radius:16px;
    box-shadow:0 6px 15px rgba(0,0,0,0.05);
}

.custom-select{
    position:relative;
    width:100%;
}

.select-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:12px 14px;
    cursor:pointer;
    font-weight:600;
}

.select-box i:first-child{
    margin-right:10px;
}

.arrow{
    color:#6b7280;
    transition:0.2s;
}

.select-options{
    display:none;
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    background:#fff;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    overflow:hidden;
    z-index:100;
}

.select-options div{
    padding:12px 14px;
    cursor:pointer;
    transition:0.2s;
}

.select-options div:hover{
    background:#f1f5f9;
}

/* Open state */
.custom-select.active .select-options{
    display:block;
}

.custom-select.active .arrow{
    transform:rotate(180deg);
}


.wallet-card h3{margin-bottom:12px;}

.wallet-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.stat-box{
    background:#f1f5f9;
    padding:12px;
    border-radius:12px;
    flex:1;
}

.stat-box.green{background:#dcfce7;}
.stat-box.orange{background:#fef3c7;}

.partner-info{margin-top:10px;color:#6b7280;}

/* Actions */
.credit-btn{
    background:#1e3a8a;
    color:#fff;
    border:none;
    padding:10px;
    border-radius:8px;
    width:100%;
    margin-bottom:10px;
}
.debit-btn{
    background:#e5e7eb;
    border:none;
    padding:10px;
    border-radius:8px;
    width:100%;
}

/* History */
.history-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

.filter{
    background:#e5e7eb;
    border:none;
    padding:6px 12px;
    border-radius:20px;
    margin-left:5px;
}


.filter.active{background:#1e3a8a;color:#fff;}

.wallet-table{width:100%;border-collapse:collapse;}
.wallet-table th,.wallet-table td{
    padding:14px 10px;
    border-bottom:1px solid #e5e7eb;
    text-align: left;
}
.credit{color:#16a34a;font-weight:600;}
.debit{color:#dc2626;font-weight:600;}

/* Responsive */
@media(max-width:900px){
    .wallet-top{grid-template-columns:1fr;}
}


/* Overlay */
.modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.5);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:2000;
}

/* Modal Box */
.modal-box{
    background:#fff;
    width:95%;
    max-width:520px;
    border-radius:18px;
    padding:25px;
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
    animation:pop 0.25s ease;
}

@keyframes pop{
    from{transform:scale(0.9);opacity:0;}
    to{transform:scale(1);opacity:1;}
}

/* Header */
.modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.close-btn{
    cursor:pointer;
    font-size:18px;
    color:#6b7280;
}

/* Body */
.modal-body label{
    font-weight:600;
    display:block;
    margin-top:12px;
    margin-bottom:5px;
}

.modal-body input{
    width:100%;
    padding:12px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    margin-bottom:10px;
}

.submit-btn{
    margin-top:15px;
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    background:#1e3a8a;
    color:#fff;
    font-weight:600;
    cursor:pointer;
}

.modal-body select{
    width:100%;
    padding:12px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    margin-bottom:10px;
}


.wallet-info{
    background:#a7f3d0;
    padding:15px;
    border-radius:12px;
    margin-bottom:15px;
}

.wallet-info p{margin:0;color:#065f46;}
.wallet-info h3{margin:4px 0;}
.wallet-info small{color:#065f46;}

.modal-body textarea{
    width:100%;
    min-height:90px;
    padding:12px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    margin-bottom:12px;
    resize:none;
}

.modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:10px;
}

.cancel-btn{
    padding:5px 18px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    background:#fff;
    cursor:pointer;
}

.debit-submit-btn{
    background:#dc2626;
    color:#fff;
    padding:10px 18px;
    border:none;
    border-radius:10px;
    font-weight:600;
    cursor:pointer;
}



/* Responsive */
@media(max-width:500px){
    .modal-box{padding:18px;}
}


/***** partner leads page css */ 

/* Stats Cards */
.lead-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:20px;
    margin-bottom:20px;
}

.stat-card{
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    padding:18px;
    border-radius:16px;
    box-shadow:0 6px 15px rgba(0,0,0,0.05);
}

.stat-card span{color:#6b7280;font-size:14px;}
.stat-card h2{margin:4px 0 0;font-size:22px;}

.stat-icon{
    width:45px;
    height:45px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

.blue{background:#DBEAFE !important; }
.purple{background:#F3E8FF !important; color: #7E22CE;}
.green{background:#DCFCE7 !important;}

.orange{background:#FEE2E2 !important; color: #B91C1C;}

/* Search Panel */
.search-panel{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

/* Search Box */
.search-box{
    flex:1;
    display:flex;
    align-items:center;
    gap:10px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    padding:12px 16px;
    border-radius:14px;
    transition:0.2s;
}

.search-box i{
    color:#64748b;
}

.search-box input{
    border:none;
    outline:none;
    background:transparent;
    flex:1;
    font-size:14px;
}

.search-box:focus-within{
    border-color:#1e3a8a;
    box-shadow:0 0 0 3px rgba(30,58,138,0.1);
}

/* Status Filter */

.custom-filter{
    position:relative;
    min-width:200px;
}

.filter-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    margin-top: -20px;
    padding:12px 16px;
    border-radius:14px;
    cursor:pointer;
    font-weight:600;
    transition:0.2s;
}

.filter-box:hover{
    border-color:#1e3a8a;
}

.filter-options{
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    background:#fff;
    border-radius:14px;
    box-shadow:0 12px 25px rgba(0,0,0,0.08);
    overflow:hidden;
    display:none;
    z-index:1111111;
    animation:fadeIn 0.2s ease;
}

.filter-options div{
    padding:12px 16px;
    cursor:pointer;
    transition:0.2s;
}

.filter-options div:hover{
    background:#f1f5f9;
}

.arrow{
    transition:0.2s;
}

.custom-filter.active .filter-options{
    display:block;
}

.custom-filter.active .arrow{
    transform:rotate(180deg);
}

@keyframes fadeIn{
    from{opacity:0; transform:translateY(-5px);}
    to{opacity:1; transform:translateY(0);}
}





@media(max-width:768px){
    .search-panel{
        flex-direction:column;
        align-items:stretch;
    }

    .status-filter{
        width:100%;
    }
}


/* Table */
.leads-table{
    width:100%;
    border-collapse:collapse;
}

.leads-table th, .leads-table td{
    padding:14px 10px;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
    text-align: left;
}

.leads-table tbody tr:hover{
    background:#f9fafb;
}

.status{
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.status.converted{
    background:#dcfce7;
    color:#166534;
}

.view-btn{
    background:#f1f5f9;
    border:none;
    padding:8px 12px;
    border-radius:8px;
    cursor:pointer;
}

/* Responsive */
@media(max-width:900px){
    .leads-table th:nth-child(3),
    .leads-table td:nth-child(3){
        display:none;
    }
}

/**** view leads page */ 

.lead-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.lead-title{
    display:flex;
    align-items:center;
    gap:12px;
   
}

.lead-title h1{
    
    margin-bottom: 15px;
}

.back-icon{cursor:pointer;font-size:18px;}

.lead-layout{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}

.info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-top:10px;
}

.info-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:5px;
}

.info-item i{
    background:#f1f5f9;
    padding:10px;
    border-radius:12px;
}

.info-item small{color:#6b7280;}

.full{grid-column:span 2;}

.badge.yes{
    background:#1e3a8a;
    color:#fff;
    padding:4px 10px;
    border-radius:12px;
    font-size:12px;
}

.lead-message .message-box{
    background:#f1f5f9;
    padding:12px;
    border-radius:12px;
    margin-top:5px;
}

/* Right Panel */
.lead-right label{
    margin-top:12px;
    font-weight:600;
    display:block;
}
.lead-right h2{
   margin-bottom: 5px;
}

.lead-right input,
.lead-right select,
.lead-right textarea{
    width:100%;
    padding:10px;
    border-radius:10px;
    border:1px solid #e5e7eb;
    margin-top:5px;
}

.lead-right textarea{min-height:70px;}

.save-btn{
    margin-top:15px;
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    background:#1e3a8a;
    color:#fff;
    font-weight:600;
    cursor:pointer;
}

.lead-bottom{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
    margin-top:20px;
}

/* Activity History */
.activity-panel h2{
    margin-bottom:15px;
}

.activity-item{
    display:flex;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #e5e7eb;
}

.activity-item:last-child{border:none;}

.dot{
    width:10px;
    height:10px;
    background:#1e3a8a;
    border-radius:50%;
    margin-top:6px;
}

.time{
    font-size:12px;
    color:#6b7280;
    margin-top:4px;
}

/* Danger Zone */
.danger-panel{
    border:1px solid #fecaca;
   
}

.danger-panel h2{
    color:#dc2626;
}

.delete-btn{
    background:#dc2626;
    color:#fff;
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    font-weight:600;
    cursor:pointer;
    margin-top:10px;
}


@media(max-width:900px){
    .lead-bottom{grid-template-columns:1fr;}
}



@media(max-width:900px){
    .lead-layout{grid-template-columns:1fr;}
    .info-grid{grid-template-columns:1fr;}
    .full{grid-column:span 1;}
}


/*** reports page */ 

.report-count{
    background:#fff;
    padding:10px 18px;
    border-radius:30px;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
    font-weight:600;
}

/* Table */
.reports-table{
    width:100%;
    border-collapse:collapse;
}

.reports-table th, .reports-table td{
    padding:14px 10px;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
    text-align: left;
}

.reports-table tbody tr:hover{
    background:#f9fafb;
}

/* Badges */
.source-badge{
    background:#e0f2fe;
    color:#0284c7;
    padding:4px 10px;
    border-radius:12px;
    font-size:12px;
    margin-right:6px;
}

.custom-source-filter{
    position:relative;
    min-width:200px;
}

.filter-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    padding:12px 16px;
    border-radius:14px;
    cursor:pointer;
    font-weight:600;
    transition:0.2s;
}

.filter-box:hover{
    border-color:#1e3a8a;
}

.filter-options{
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    background:#fff;
    border-radius:14px;
    box-shadow:0 12px 25px rgba(0,0,0,0.08);
    overflow:hidden;
    display:none;
    z-index:100;
    animation:fadeIn 0.2s ease;
}

.filter-options div{
    padding:12px 16px;
    cursor:pointer;
    transition:0.2s;
}

.filter-options div:hover{
    background:#f1f5f9;
}

.arrow{
    transition:0.2s;
}

.custom-source-filter.active .filter-options{
    display:block;
}

.custom-source-filter.active .arrow{
    transform:rotate(180deg);
}
.filters-row{
    display:flex;
    gap:15px;
    align-items:center;
    flex-wrap:wrap;
}

.custom-partner-filter{
    display:none; 
}


@keyframes fadeIn{
    from{opacity:0; transform:translateY(-5px);}
    to{opacity:1; transform:translateY(0);}
}


.bureau{
    background:#f1f5f9;
    padding:4px 8px;
    border-radius:12px;
    font-size:12px;
    margin-right:4px;
}

.scores{
    font-weight:700;
   
}

.status.unlocked{
    background:#1e3a8a;
    color:#fff;
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
}

.action-icon{
    cursor:pointer;
}

/* View More */
.view-more{
    text-align:center;
    margin-top:15px;
}

.view-more button{
    background:#f1f5f9;
    border:none;
    padding:8px 14px;
    border-radius:10px;
    cursor:pointer;
}

.view-more p{
    font-size:13px;
    color:#6b7280;
    margin-top:6px;
}

/* Responsive */
@media(max-width:900px){
    .reports-table th:nth-child(5),
    .reports-table td:nth-child(5){
        display:none;
    }
}

/**** view report page */ 

.report-meta span{
    margin-right:12px;
    font-size:14px;
    
}

.report-header h1{
    margin-bottom: 10px;
}

.tag{
    background:#e0f2fe;
    padding:4px 10px;
    border-radius:12px;
    font-size:12px;
}

/* Bureau Tabs */
.bureau-tabs{
    display:flex;
    gap:10px;
    margin:15px 0;
}

.banner-left p{
    margin: 10px 0;
}

.bureau{
    padding:10px 16px;
    border-radius:12px;
    background:#f1f5f9;
    font-weight:600;
}

.bureau.locked{color:#6b7280;}
.bureau.active{
    background:#1e3a8a;
    color:#fff;
}

/* Banner */
.report-banner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:linear-gradient(135deg,#1e3a8a,#2c5282);
    color:#fff;
    padding:20px;
    border-radius:16px;
    margin-bottom:20px;
}

.badge{
    background:#2563eb;
    padding:4px 10px;
    border-radius:10px;
    font-size:12px;
    margin-left:6px;
}

.score-card{
    background:rgba(255,255,255,0.1);
    padding:20px;
    border-radius:12px;
    text-align:center;
}

.score{
    font-size:40px;
    font-weight:700;
     color:#e5d50a;
}

.excellent{color:#22c55e;font-weight:600;}

/* Info */
.info-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin:15px 0;
}

.id-table{
    width:100%;
    border-collapse:collapse;
    text-align: left;
}

.id-table th,.id-table td{
    padding:12px;
    border-bottom:1px solid #e5e7eb;
}

/* Responsive */
@media(max-width:900px){
    .report-banner{flex-direction:column;align-items:flex-start;}
    .info-row{flex-direction:column;}
}

.contact-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
}

.address-block{
    flex:2;
}

.address-block .label{
    font-size:13px;
    color:#6b7280;
    font-weight:600;
}

.address-block p{
    margin:6px 0 0;
}

.meta-block{
    flex:1;
    font-size:13px;
    color:#374151;
    display:flex;
    flex-direction:column;
    gap:4px;
}

@media(max-width:900px){
    .contact-row{
        flex-direction:column;
    }
}


.employment-table th,
.employment-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
}

.employment-extra{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-top:18px;
}

.employment-extra div{
    flex:1;
    background:#f8fafc;
    padding:14px;
    border-radius:10px;
}

.employment-extra .label{
    font-size:13px;
    color:#6b7280;
    display:block;
    margin-bottom:6px;
}

@media(max-width:900px){
    .employment-extra{
        flex-direction:column;
    }
}


.account-head{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:20px;
}

.account-head span,
.account-grid span{
    font-size:13px;
    color:#6b7280;
    display:block;
    margin-bottom:4px;
}

.account-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:20px;
}

.subheading{
    margin:20px 0 12px;
    font-size:15px;
    color:#1e3a8a;
}

.tag{
    background:#e0f2fe;
    padding:4px 10px;
    border-radius:12px;
}

.payment-history{
    overflow-x:auto;
}

.months{
    display:grid;
    grid-template-columns:repeat(13,1fr);
    text-align:center;
    margin-bottom:8px;
    font-size:13px;
}

.months.data span{
    padding:6px;
    border-radius:6px;
}

.ok{
    background:#d1fae5;
    color:#065f46;
    font-weight:600;
}

@media(max-width:900px){
    .account-head{grid-template-columns:1fr 1fr;}
    .account-grid{grid-template-columns:1fr;}
}


.summary-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin-top:18px;
}

.summary-card{
    background:#f8fafc;
    padding:18px;
    border-radius:14px;
    text-align:center;
    border:1px solid #e5e7eb;
}

.summary-card i{
    font-size:18px;
    color:#1e3a8a;
    margin-bottom:8px;
}

.summary-card h3{
    margin:6px 0;
    font-size:20px;
}

.summary-card span{
    font-size:13px;
    color:#6b7280;
}

.summary-card.success{
    background:#ecfdf5;
    border-color:#a7f3d0;
}

.summary-card.neutral{
    background:#f1f5f9;
}

.summary-card.danger{
    background:#fef2f2;
    border-color:#fecaca;
    color:#dc2626;
}

@media(max-width:1200px){
    .summary-grid{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:600px){
    .summary-grid{grid-template-columns:1fr;}
}

.enquiry-table th,
.enquiry-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
}

/*** api log page */ 

.page-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.refresh-btn{
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
}
.filter-bar-pro{
    display:flex;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
}

/* Custom Dropdown */
.custom-filter{
    position:relative;
    min-width:180px;
}

.filter-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 16px;
    border-radius:14px;
    border:1px solid #e2e8f0;
    background:#f8fafc;
    cursor:pointer;
    font-weight:600;
    transition:0.2s;
}

.filter-box:hover{border-color:#1e3a8a;}

.filter-options{
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    background:#fff;
    border-radius:14px;
    box-shadow:0 12px 25px rgba(0,0,0,0.08);
    display:none;
    overflow:hidden;
    animation:fadeIn .2s ease;
    z-index:100;
}

.filter-options div{
    padding:12px 16px;
    cursor:pointer;
}

.filter-options div:hover{
    background:#f1f5f9;
}

.custom-filter.active .filter-options{display:block;}
.arrow{transition:.2s;}
.custom-filter.active .arrow{transform:rotate(180deg);}

@keyframes fadeIn{
    from{opacity:0;transform:translateY(-5px);}
    to{opacity:1;transform:translateY(0);}
}


/* Stats */
.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-bottom:20px;
}

.stat-card{
    background:#f8fafc;
    padding:20px;
    border-radius:14px;
    text-align:center;
    border:1px solid #e5e7eb;
}

.stat-card.success{background:#ecfdf5;}
.stat-card.danger{background:#fef2f2;}
.stat-card.warning{background:#fffbeb;}

.stat-card h3{margin:6px 0;}

/* Table */
.logs-table{
    width:100%;
    border-collapse:collapse;
}

.logs-table th,
.logs-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
}

.no-data{
    text-align:center;
    color:#6b7280;
}

.no-data i{
    font-size:28px;
    margin-bottom:8px;
}

.subtext{
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Responsive */
@media(max-width:900px){
    .stats-grid{grid-template-columns:1fr 1fr;}
    .filter-bar{flex-direction:column;align-items:stretch;}
}


/*** revenue page */  

/* Stats */
.revenue-stats{
    grid-template-columns:repeat(4,1fr);
    margin-bottom:20px;
}

.stat-card span{
    font-size:13px;
    color:#6b7280;
}

.stat-card i{
    /* margin-top:8px;
    color:#1e3a8a; */
}

.stat-card.success{background:#ecfdf5;}
.stat-card.warning{background:#fffbeb;}
.stat-card.danger{background:#fef2f2;}

/* Table */
.revenue-table{
    width:100%;
    border-collapse:collapse;
}

.revenue-table th,
.revenue-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
    text-align: left;
}

.tag{
    background:#f1f5f9;
    padding:4px 10px;
    border-radius:12px;
    font-size:12px;
}

.status{
    padding:4px 10px;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
}

.status.success{
    background:#dcfce7;
    color:#15803d;
}

.status.pending{
    background:#fef3c7;
    color:#b45309;
}

/* Responsive */
@media(max-width:900px){
    .revenue-stats{grid-template-columns:1fr 1fr;}
}




/**** settings page  */ 

.settings-panel{margin-bottom:25px;}

.panel-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.badge{
    font-size:12px;
    padding:4px 10px;
    border-radius:12px;
}

.badge.sandbox{background:#ffedd5;color:#c2410c;}
.badge.production{background:#d1fae5;color:#065f46;}

.save-btn{
    background:#1e3a8a;
    color:#fff;
    padding:8px 14px;
    width: max-content;
    border-radius:8px;
    border:none;
}

/* Toggle Box */
.mode-toggle-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#d1fae5;
    padding:15px;
    border-radius:12px;
    margin-bottom:18px;
}

/* Mode Cards */
.mode-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.mode-card{
    border:1px solid #e5e7eb;
    padding:30px;
    border-radius:14px;
}

.mode-card.active{
    border:2px solid #10b981;
}

.mode-card ul{margin-top:8px;}

/* Toggle Switch */
.switch{
    position:relative;
    width:46px;
    height:24px;
}

.switch input{display:none;}

.slider{
    position:absolute;
    width:100%;
    height:100%;
    background:#cbd5e1;
    border-radius:24px;
}

.slider::before{
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    left:2px;
    top:2px;
    background:#fff;
    border-radius:50%;
    transition:.2s;
}

.switch input:checked + .slider{
    background:#10b981;
}

.switch input:checked + .slider::before{
    transform:translateX(22px);
}

/* Warning */
.warning-box{
    margin-top:18px;
    background:#fff7ed;
    padding:14px;
    border-radius:10px;
    border:1px solid #fed7aa;
}

@media(max-width:900px){
    .mode-grid{grid-template-columns:1fr;}
}


.wallet-config-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:20px;
}

.wallet-card{
    border:1px solid #e5e7eb;
    padding:30px;
    border-radius:12px;
    background:#f8fafc;
}

.price-row{
    margin:10px 0;
    display:flex;
    align-items:center;
    gap:8px;
}

.price-row input{
    width:80px;
    padding:6px;
    border-radius:6px;
    border:1px solid #e2e8f0;
}

.wallet-card ul{margin-top:10px;}

@media(max-width:900px){
    .wallet-config-grid{grid-template-columns:1fr;}
}

.note{
    color:#f97316;
    font-size:13px;
}

.pricing-table{
    margin-top:18px;
}

.pricing-row{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 80px;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
    align-items:center;
}

.bureau-name small{
    display:block;
    font-size:12px;
    color:#6b7280;
}

.price-input input{
    width:80px;
    padding:6px;
    border-radius:6px;
    border:1px solid #e2e8f0;
}

.price-input.disabled{
    opacity:.5;
}

.pricing-summary-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:20px;
}

.disabled-summary{
    opacity:.5;
}

/* Toggle Switch */
.switch{
    position:relative;
    width:48px;
    height:26px;
    display:inline-block;
}

.switch input{
    opacity:0;
    width:0;
    height:0;
}

.slider{
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#cbd5e1; /* OFF color */
    border-radius:26px;
    transition:.3s;
}

.slider::before{
    content:"";
    position:absolute;
    height:20px;
    width:20px;
    left:3px;
    top:3px;
    background:white;
    border-radius:50%;
    transition:.3s;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

/* 🔵 ON STATE (Blue) */
.switch input:checked + .slider{
    background:#1e3a8a; /* Primary Blue */
}

.switch input:checked + .slider::before{
    transform:translateX(22px);
}


.general-settings-list{
    margin-top:10px;
}

.setting-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid #e5e7eb;
}

.setting-row h3{
    margin-bottom:4px;
}

.setting-row p{
    font-size:13px;
    color:#6b7280;
}


@media(max-width:900px){
    .pricing-row{grid-template-columns:1fr 1fr;}
    .pricing-summary-grid{grid-template-columns:1fr;}
}

/*** login */ 

/* PAGE BACKGROUND */
.cc-auth-section{
    min-height:100vh;
    background:linear-gradient(to bottom,#f5fbfb,#ffffff);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

/* LOGO AREA */
.cc-auth-logo{
    text-align:center;
    margin-bottom:30px;
}

.cc-auth-icon{
    width:70px;
    height:70px;
    background:#0b3c78;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-size:28px;
    margin:0 auto 10px;
}

.cc-auth-logo h2{
    margin:0;
}

.cc-auth-logo p{
    color:#667085;
    font-size:14px;
}

/* CARD */
.cc-auth-card{
    width:100%;
    max-width:420px;
    background:#fff;
    padding:40px 30px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,0.08);
    text-align:left;
}

.cc-auth-card h3{
    margin-bottom:6px;
}

.cc-auth-sub{
    color:#667085;
    margin-bottom:25px;
}

/* INPUTS */
.cc-input-group{
    margin-bottom:18px;
}

.cc-input-group input{
    width:100%;
    padding:14px 16px;
    border-radius:12px;
    border:1px solid #e6edf5;
    font-size:15px;
    outline:none;
    transition:.2s;
}

.cc-input-group input:focus{
    border-color:#16a085;
    box-shadow:0 0 0 3px rgba(22,160,133,0.1);
}

/* PASSWORD EYE */
.cc-password-group{
    position:relative;
}

.cc-eye-icon{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    font-size:14px;
}

/* BUTTON */
.cc-auth-btn{
    width:100%;
    padding:14px;
    border:none;
    border-radius:12px;
    background:#0b3c78;
    color:#fff;
    font-weight:600;
    font-size:16px;
    margin-top:10px;
    cursor:pointer;
    transition:.3s;
}

.cc-auth-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* FOOTER */
.cc-auth-footer{
    margin-top:18px;
    text-align:center;
    font-size:14px;
    color:#667085;
}

.cc-auth-footer a{
    color:#16a085;
    font-weight:600;
    text-decoration:none;
}

/* RESPONSIVE */
@media(max-width:480px){
    .cc-auth-card{
        padding:30px 20px;
    }
}



 :root {
            /* Brand Palette */
            --bpo-brand-lime: #BAE634;
            --bpo-brand-dark: #1A4332;
            --bpo-lime-hover: #a4cf26;
            
            /* UI Colors */
            --bpo-text-main: #1A4332;
            --bpo-text-muted: #6B7280;
            --bpo-bg-body: #f4f6f5;
            --bpo-border-color: #e5e7eb;
            --bpo-white: #ffffff;
            --bpo-danger: #ef4444;
        }

        /* Reset & Base */
        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
        
        /* body { 
            background-color: var(--bpo-bg-body); 
            height: 100vh; 
            display: flex; 
            overflow: hidden; 
        } */

        /* Layout Wrapper */
        .bpo-layout-wrapper { 
            display: flex; 
            width: 100%; 
            height: 100%; 
        }

        /* Left Side: Visual Panel */
        .bpo-visual-panel {
            flex: 1;
            background-color: var(--bpo-brand-dark);
            background-image: url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Spread logo top, text bottom */
            padding: 50px 60px;
            color: white;
        }

        /* Logo Container */
        .bpo-logo-wrapper {
            position: relative;
            z-index: 5;
            margin-bottom: 20px;
        }

        .bpo-logo-wrapper svg {
            width: 140px;
            height: auto;
            fill: var(--bpo-white);
            filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));
        }

        /* Dark Overlay */
        .bpo-overlay-gradient { 
            position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
            background: linear-gradient(to top, var(--bpo-brand-dark) 10%, rgba(26, 67, 50, 0.3) 100%); 
            z-index: 1;
        }

        /* Content Text */
        .bpo-quote-wrapper { 
            position: relative; 
            z-index: 2; 
            margin-top: auto; /* Push to bottom */
        }
        .bpo-heading-main { 
            font-size: 2.5rem; 
            margin-bottom: 0.5rem; 
            font-weight: 700; 
            line-height: 1.1; 
            color: white; 
            letter-spacing: -0.02em;
        }
        .bpo-subtext { 
            font-size: 1rem; 
            opacity: 0.9; 
            max-width: 380px; 
            color: #e0e0e0; 
            line-height: 1.6;
        }

        /* Right Side: Form Panel */
        .bpo-form-panel {
            flex: 1;
            background: var(--bpo-white);
            padding: 60px 70px;
            display: flex;
            flex-direction: column;
            position: relative;
            overflow-y: auto;
        }

        /* Progress Bar */
        .bpo-progress-section { margin-bottom: 30px; }
        .bpo-step-label { 
            font-size: 0.8rem; 
            font-weight: 600; 
            color: var(--bpo-text-muted); 
            text-transform: uppercase; 
            letter-spacing: 0.05em; 
            margin-bottom: 12px; 
        }
        .bpo-track-bg { 
            width: 100%; 
            height: 6px; 
            background-color: var(--bpo-border-color); 
            border-radius: 4px; 
            overflow: hidden; 
        }
        .bpo-track-fill { 
            height: 100%; 
            background-color: var(--bpo-brand-lime); 
            width: 16.66%; 
            transition: width 0.4s ease; 
        }

        /* Step Containers */
        .bpo-step-content { display: none; animation: bpoFadeIn 0.4s ease-out; }
        .bpo-step-content.bpo-active { display: block; }
        @keyframes bpoFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Typography */
        h1 { font-size: 1.8rem; color: var(--bpo-brand-dark); margin-bottom: 8px; font-weight: 700; }
        .bpo-desc-text { color: var(--bpo-text-muted); margin-bottom: 30px; font-size: 0.95rem; line-height: 1.5; }

        /* Input Groups */
        .bpo-field-group { margin-bottom: 24px; }
        .bpo-label-text { 
            display: block; 
            margin-bottom: 8px; 
            font-weight: 600; 
            font-size: 0.85rem; 
            color: var(--bpo-text-main); 
            letter-spacing: 0.01em;
        }
        
        input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {
            width: 100%; 
            padding: 14px 16px; 
            background-color: #f9fafb; 
            border: 2px solid var(--bpo-border-color); 
            border-radius: 10px; 
            font-size: 0.95rem; 
            transition: all 0.2s;
            color: var(--bpo-text-main);
            font-weight: 500;
        }
        
        input:focus, select:focus, textarea:focus { 
            background-color: white; 
            border-color: var(--bpo-brand-lime); 
            outline: none; 
            box-shadow: 0 0 0 3px rgba(186, 230, 52, 0.2); 
        }

        /* Radio Groups */
        .bpo-radio-group { display: flex; gap: 25px; }
        .bpo-radio-label { display: flex; align-items: center; gap: 10px; font-weight: 500; cursor: pointer; color: var(--bpo-text-main); }
        input[type="radio"] { width: 20px; height: 20px; accent-color: var(--bpo-brand-lime); }

        /* File Uploader */
        .bpo-uploader-zone {
            border: 2px dashed var(--bpo-border-color);
            border-radius: 12px;
            padding: 24px;
            text-align: center;
            background-color: #f9fafb;
            cursor: pointer;
            transition: all 0.2s;
            position: relative;
        }
        .bpo-uploader-zone:hover { border-color: var(--bpo-brand-lime); background-color: #fbffeb; }
        .bpo-uploader-zone input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
        .bpo-upload-hint { font-size: 0.85rem; color: var(--bpo-text-muted); pointer-events: none; }
        .bpo-filename-display { font-size: 0.8rem; color: var(--bpo-text-main); margin-top: 6px; font-weight: 600; display: block; }

        /* Partner Cards */
        .bpo-partner-entry {
            background: #fff;
            border: 1px solid var(--bpo-border-color);
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 20px;
            position: relative;
            box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        }
        .bpo-partner-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .bpo-partner-header h4 { color: var(--bpo-brand-dark); margin: 0; font-weight: 700; }
        .bpo-btn-remove { 
            color: var(--bpo-danger); 
            background: #fff5f5; 
            border: none; 
            font-weight: 600; 
            cursor: pointer; 
            font-size: 0.8rem; 
            padding: 6px 12px; 
            border-radius: 6px;
        }
        .bpo-btn-remove:hover { background: #fee2e2; }

        .bpo-grid-2-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

        /* Verify Button */
        .bpo-btn-verify {
            padding: 12px 24px; 
            background-color: var(--bpo-brand-dark); 
            color: var(--bpo-brand-lime); 
            border: none; 
            border-radius: 8px; 
            cursor: pointer; 
            font-size: 0.85rem; 
            font-weight: 700;
            margin-top: 5px;
            transition: all 0.2s;
        }
        .bpo-btn-verify:hover { opacity: 0.9; transform: translateY(-1px); }
        
        .bpo-verify-badge { font-size: 0.8rem; font-weight: 700; margin-left: 10px; display: none; }
        .bpo-verify-badge.valid { color: var(--bpo-brand-lime); display: inline-block; }
        .bpo-verify-badge.invalid { color: var(--bpo-danger); display: inline-block; }

        /* Footer Navigation */
        .bpo-nav-footer { margin-top: auto; padding-top: 40px; display: flex; justify-content: space-between; align-items: center; }
        
        .bpo-btn { 
            padding: 14px 32px; 
            border-radius: 8px; 
            font-weight: 700; 
            font-size: 1rem; 
            cursor: pointer; 
            transition: all 0.2s; 
            border: none; 
        }
        
        .bpo-btn-secondary { 
            background: transparent; 
            color: var(--bpo-text-muted); 
            border: 1px solid transparent; 
        }
        .bpo-btn-secondary:hover { color: var(--bpo-brand-dark); border-color: var(--bpo-border-color); }

        .bpo-btn-primary { 
            background-color: var(--bpo-brand-lime); 
            color: var(--bpo-brand-dark); 
            box-shadow: 0 4px 12px rgba(186, 230, 52, 0.4); 
        }
        .bpo-btn-primary:hover { 
            background-color: var(--bpo-lime-hover); 
            transform: translateY(-1px);
        }

        .bpo-btn-add-partner { 
            width: 100%; 
            padding: 14px; 
            background: white; 
            border: 2px dashed var(--bpo-brand-dark); 
            color: var(--bpo-brand-dark); 
            border-radius: 10px; 
            cursor: pointer; 
            font-weight: 700; 
            margin-bottom: 20px; 
            transition: all 0.2s;
        }
        .bpo-btn-add-partner:hover { background-color: var(--bpo-brand-lime); border-style: solid; }

        /* Agreement Box */
        .bpo-agreement-box { 
            max-height: 220px; 
            overflow-y: auto; 
            border: 1px solid var(--bpo-border-color); 
            padding: 20px; 
            border-radius: 10px; 
            background: #f9fafb; 
            margin-bottom: 20px; 
            font-size: 0.85rem; 
            color: var(--bpo-text-muted); 
            line-height: 1.7; 
        }
        .bpo-checkbox-wrapper { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
        input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--bpo-brand-dark); cursor: pointer; }

        /* Mobile Responsive */
        @media (max-width: 900px) {
            .bpo-visual-panel { display: none; }
            .bpo-form-panel { padding: 30px 24px; height: 100vh; }
            .bpo-layout-wrapper { height: 100vh; display: block; }
            body { display: block; height: auto; background: var(--bpo-white); }
            .bpo-nav-footer { 
                position: fixed; bottom: 0; left: 0; width: 100%; 
                background: white; padding: 20px 24px; border-top: 1px solid var(--bpo-border-color); 
                z-index: 100; margin-top: 0; box-shadow: 0 -4px 10px rgba(0,0,0,0.05); 
            }
            .bpo-form-panel { padding-bottom: 90px; }
            .bpo-grid-2-col { grid-template-columns: 1fr; }
        }