/* =========================================================

   FinTrustWebSuite - CLEAN FINAL SITE CSS

   Source: CSS(1).txt

   Duplicates merged, temporary fixes removed, syntax cleaned.

   Replace wwwroot/css/site.css with this file.

========================================================= */


/* =========================================================
   THEME VARIABLES
========================================================= */


:root {
    --primary-dark: #030B16;
    --primary-soft: #10233F;
    --accent-blue: #2563EB;
    --accent-cyan: #38BDF8;
    --white: #ffffff;
    --light-bg: #F6F8FC;
    --card-bg: #ffffff;
    --text-dark: #101828;
    --text-muted: #667085;
    --border: rgba(16, 24, 40, 0.10);
    --shadow-soft: 0 18px 45px rgba(7, 22, 41, 0.12);
    --shadow-premium: 0 30px 80px rgba(7, 22, 41, 0.22);
    --primary: #0f172a;
    --secondary: #2563eb;
    --bt-blue: #2563eb;
    --bt-cyan: #06b6d4;
    --bt-purple: #7c3aed;
    --bt-orange: #f59e0b;
    --bt-green: #16a34a;
    --bt-teal: #14b8a6;
    --bt-pink: #ec4899;
    --bt-light: #f5faff;
    --bt-soft: #eef7ff;
    --bt-text: #0f172a;
    --bt-muted: #64748b;
    --bt-border: rgba(37, 99, 235, 0.15);
    --bt-shadow: 0 24px 60px rgba(37, 99, 235, 0.12);
}


/* =========================================================
   BASE + LAYOUT + PUBLIC PAGES
========================================================= */


* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--text-dark);
    background: var(--white);
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.bti-top-contact {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

    .bti-top-contact span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .bti-top-contact i {
        color: var(--secondary);
    }

.bti-lang {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .bti-lang a {
        color: #EAF2FF;
        font-weight: 800;
        text-decoration: none;
        transition: all 0.2s ease;
    }

        .bti-lang a.active, .bti-lang a:hover {
            color: var(--secondary);
        }

.bti-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    padding: 5px;
}

.bti-nav-link:hover {
    color: #071629 !important;
    background: rgba(7, 22, 41, 0.06);
    transform: translateY(-3px);
    border-color: rgba(245, 179, 1, 0.35);
    box-shadow: 0 16px 34px rgba(7, 22, 41, 0.12);
}

.navbar-toggler {
    border: 1px solid rgba(7, 22, 41, 0.15);
    box-shadow: none !important;
}

.bti-hero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 82px;
    background: radial-gradient(circle at 78% 13%, rgba(245, 179, 1, 0.24), transparent 26%), radial-gradient(circle at 12% 86%, rgba(37, 99, 235, 0.18), transparent 28%), linear-gradient(135deg, #F7FAFD 0%, #ffffff 45%, #EFF6FF 100%);
}

.bti-hero-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(7, 22, 41, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 22, 41, 0.05) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 95%);
}

.bti-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(16px);
    animation: btiOrbFloat 7s ease-in-out infinite;
}

.bti-orb-one {
    width: 260px;
    height: 260px;
    right: 8%;
    top: 15%;
    background: rgba(245, 179, 1, 0.24);
}

.bti-orb-two {
    width: 200px;
    height: 200px;
    left: 5%;
    bottom: 8%;
    background: rgba(37, 99, 235, 0.14);
    animation-delay: 1.4s;
}

.bti-hero-content {
    min-height: 340px;
    animation: btiSlideUp 0.75s ease both;
}

.bti-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #FFF8E6;
    border: 1px solid rgba(245, 179, 1, 0.45);
    color: #8A6100;
    font-weight: 900;
    margin-bottom: 22px;
    box-shadow: 0 12px 28px rgba(245, 179, 1, 0.15);
}

.bti-hero h1 {
    max-width: 790px;
    font-size: clamp(42px, 5vw, 66px);
    line-height: 1.03;
    letter-spacing: -1.8px;
    font-weight: 950;
    color: var(--primary);
    margin-bottom: 24px;
}

.bti-hero p {
    max-width: 700px;
    font-size: 20px;
    line-height: 1.85;
    color: var(--text-muted);
    margin: 0;
}

.bti-slider-dots {
    position: static;
    justify-content: flex-start;
    margin: 10px 0 0;
    gap: 10px;
}

    .bti-slider-dots button {
        width: 36px !important;
        height: 7px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(7, 22, 41, 0.20) !important;
        opacity: 1 !important;
        transition: all 0.25s ease;
    }

        .bti-slider-dots button.active {
            width: 62px !important;
            background: linear-gradient(135deg, var(--secondary), #FFD35A) !important;
        }

.bti-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
}

.bti-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    padding: 15px 25px;
    border-radius: 18px;
    font-weight: 950;
    text-decoration: none;
    transition: all 0.25s ease;
}

    .bti-btn i {
        font-size: 18px;
    }

.bti-btn-primary {
    color: #071629;
    background: linear-gradient(135deg, var(--secondary), #FFD35A);
    box-shadow: 0 22px 45px rgba(245, 179, 1, 0.32);
}

    .bti-btn-primary:hover {
        color: #071629;
        transform: translateY(-3px);
        box-shadow: 0 30px 60px rgba(245, 179, 1, 0.42);
    }

.bti-btn-light {
    color: var(--primary);
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(7, 22, 41, 0.12);
    box-shadow: 0 18px 38px rgba(7, 22, 41, 0.10);
    backdrop-filter: blur(14px);
}

    .bti-btn-light:hover {
        color: var(--primary);
        background: #ffffff;
        transform: translateY(-3px);
    }

.bti-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

    .bti-trust-row div {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 13px 16px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(7, 22, 41, 0.08);
        box-shadow: 0 14px 30px rgba(7, 22, 41, 0.08);
        color: var(--primary);
        font-weight: 850;
        font-size: 14px;
        backdrop-filter: blur(14px);
    }

    .bti-trust-row i {
        color: var(--secondary);
        font-size: 18px;
    }

.bti-dashboard-wrap {
    position: relative;
    min-height: 570px;
}

.bti-dashboard {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    padding: 32px;
    border-radius: 36px;
    background: radial-gradient(circle at top right, rgba(245, 179, 1, 0.17), transparent 30%), linear-gradient(145deg, rgba(255,255,255,0.96), rgba(245,248,252,0.92));
    border: 1px solid rgba(7, 22, 41, 0.10);
    box-shadow: 0 35px 80px rgba(7, 22, 41, 0.20), inset 0 1px 0 rgba(255,255,255,0.92);
    backdrop-filter: blur(18px);
    animation: btiDashboardFloat 5.5s ease-in-out infinite;
}

    .bti-dashboard::before {
        content: "";
        position: absolute;
        width: 240px;
        height: 240px;
        right: -85px;
        top: -95px;
        background: radial-gradient(circle, rgba(245,179,1,0.35), transparent 68%);
    }

.bti-dashboard-top {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 24px;
}

    .bti-dashboard-top span {
        color: #B27600;
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 950;
    }

    .bti-dashboard-top h3 {
        color: var(--primary);
        font-size: 32px;
        font-weight: 950;
        margin: 7px 0 5px;
    }

    .bti-dashboard-top p {
        color: var(--text-muted);
        margin: 0;
        font-weight: 750;
    }

.bti-bank-icon {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--primary), #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 20px 42px rgba(7,22,41,0.30);
    flex-shrink: 0;
}

.bti-mini-stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

    .bti-mini-stats div {
        padding: 17px 10px;
        border-radius: 22px;
        background: linear-gradient(145deg, #ffffff, #F4F7FB);
        border: 1px solid rgba(7,22,41,0.08);
        text-align: center;
        box-shadow: 0 16px 30px rgba(7,22,41,0.08);
    }

    .bti-mini-stats strong {
        display: block;
        color: var(--primary);
        font-size: 22px;
        font-weight: 950;
    }

    .bti-mini-stats small {
        color: var(--text-muted);
        font-weight: 800;
    }

.bti-list {
    position: relative;
    z-index: 1;
}

.bti-list-item {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 18px;
    border-radius: 24px;
    margin-bottom: 15px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 16px 32px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .bti-list-item:hover {
        transform: translateX(8px);
        box-shadow: 0 22px 44px rgba(7,22,41,0.13);
    }

    .bti-list-item span {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F3F7FC;
        color: #123869;
        font-size: 24px;
        flex-shrink: 0;
    }

    .bti-list-item h6 {
        color: var(--primary);
        font-weight: 950;
        margin: 0 0 4px;
    }

    .bti-list-item p {
        color: var(--text-muted);
        margin: 0;
        font-size: 14px;
    }

.bti-note {
    position: relative;
    z-index: 1;
    padding: 14px 16px;
    border-radius: 18px;
    background: #FFF8E6;
    border: 1px solid rgba(245,179,1,0.30);
    color: #7A5600;
    font-size: 14px;
    line-height: 1.55;
}

.bti-floating-card {
    position: absolute;
    z-index: 4;
    min-width: 215px;
    display: none !important;
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    border-radius: 24px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(7,22,41,0.09);
    box-shadow: 0 28px 60px rgba(7,22,41,0.18);
    backdrop-filter: blur(18px);
    animation: btiFloatCard 4.8s ease-in-out infinite;
}

    .bti-floating-card i {
        width: 48px;
        height: 48px;
        border-radius: 17px;
        background: linear-gradient(135deg, var(--primary), #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        flex-shrink: 0;
    }

    .bti-floating-card strong {
        display: block;
        color: var(--primary);
        font-weight: 950;
        line-height: 1.1;
    }

    .bti-floating-card small {
        color: var(--text-muted);
        font-weight: 800;
    }

.bti-floating-one {
    left: -44px;
    top: 8px;
}

.bti-floating-two {
    right: -34px;
    bottom: 48px;
    animation-delay: 1.2s;
}

.bti-ticker {
    position: relative;
    z-index: 2;
    margin-top: 52px;
    padding: 16px 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--primary), #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 18px;
    overflow-x: auto;
    box-shadow: 0 24px 60px rgba(7,22,41,0.22);
}

    .bti-ticker span {
        white-space: nowrap;
        font-weight: 850;
        font-size: 14px;
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.12);
    }

        .bti-ticker span:first-child {
            color: var(--secondary);
            background: rgba(245,179,1,0.12);
        }

.bti-services {
    padding: 95px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.bti-section-title {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 48px;
}

    .bti-section-title span {
        color: #B27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .bti-section-title h2 {
        color: var(--primary);
        font-weight: 950;
        margin: 12px 0;
    }

    .bti-section-title p {
        color: var(--text-muted);
        line-height: 1.8;
    }

.bti-service-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #F5F8FC);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .bti-service-card::after {
        content: "";
        position: absolute;
        right: -56px;
        top: -56px;
        width: 126px;
        height: 126px;
        border-radius: 50%;
        background: rgba(245,179,1,0.15);
        transition: all 0.28s ease;
    }

    .bti-service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.16);
    }

        .bti-service-card:hover::after {
            transform: scale(1.5);
        }

.bti-card-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, var(--primary), #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.26);
}

.bti-service-card h5 {
    color: var(--primary);
    font-weight: 950;
    margin-bottom: 10px;
}

.bti-service-card p {
    color: var(--text-muted);
    line-height: 1.7;
}

.bti-service-card a {
    position: relative;
    z-index: 1;
    color: #123869;
    font-weight: 950;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.page-section {
    padding: 85px 0;
}

    .page-section h1 {
        color: var(--primary);
        font-weight: 950;
    }

.bti-footer h5 {
    color: #ffffff;
    font-weight: 950;
    margin-bottom: 18px;
}

.bti-footer p {
    color: #DCE8F7;
    line-height: 1.7;
}

.bti-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .bti-footer ul li {
        margin-bottom: 10px;
    }

.bti-footer a {
    color: #DCE8F7;
    text-decoration: none;
    transition: all 0.2s ease;
}

    .bti-footer a:hover {
        color: var(--secondary);
    }

.bti-footer-reg {
    display: inline-block;
    background: rgba(255,255,255,0.08);
    color: var(--secondary);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.bti-footer hr {
    border-color: rgba(255,255,255,0.14);
    margin: 35px 0 18px;
}

.carousel-item.active .bti-hero-content {
    animation: btiSlideUp 0.75s ease both;
}

.bti-premium-panel {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.bti-panel-main {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border-radius: 26px;
    background: radial-gradient(circle at top right, rgba(245, 179, 1, 0.30), transparent 38%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 22px 48px rgba(7, 22, 41, 0.24);
}

    .bti-panel-main::after {
        content: "";
        position: absolute;
        width: 160px;
        height: 160px;
        right: -65px;
        bottom: -75px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
    }

    .bti-panel-main span {
        color: #F5B301;
        font-size: 12px;
        font-weight: 950;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bti-panel-main h4 {
        margin: 7px 0 6px;
        font-size: 22px;
        font-weight: 950;
        color: #ffffff;
    }

    .bti-panel-main p {
        margin: 0;
        color: #DCE8F7;
        font-size: 14px;
        line-height: 1.6;
    }

.bti-panel-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, #F5B301, #FFD35A);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 16px 34px rgba(245, 179, 1, 0.34);
    flex-shrink: 0;
}

.bti-product-chips {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 14px;
}

    .bti-product-chips div {
        padding: 16px 10px;
        border-radius: 22px;
        background: linear-gradient(145deg, #ffffff, #F7FAFD);
        border: 1px solid rgba(7, 22, 41, 0.08);
        box-shadow: 0 16px 30px rgba(7, 22, 41, 0.08);
        text-align: center;
        transition: all 0.25s ease;
    }

        .bti-product-chips div:hover {
            transform: translateY(-5px);
            box-shadow: 0 24px 48px rgba(7, 22, 41, 0.13);
        }

    .bti-product-chips i {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: #FFF8E6;
        color: #B27600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 21px;
        margin-bottom: 9px;
    }

    .bti-product-chips strong {
        display: block;
        color: #071629;
        font-size: 18px;
        font-weight: 950;
        line-height: 1.1;
    }

    .bti-product-chips small {
        display: block;
        margin-top: 4px;
        color: #667085;
        font-size: 12px;
        font-weight: 800;
    }

.bti-secure-strip {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

    .bti-secure-strip div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 13px 12px;
        border-radius: 18px;
        background: linear-gradient(145deg, #ffffff, #f7faff);
        border: 1px solid rgba(7, 22, 41, 0.08);
        color: #071629;
        font-size: 13px;
        font-weight: 900;
        box-shadow: 0 14px 28px rgba(7, 22, 41, 0.07);
    }

    .bti-secure-strip i {
        color: #f5b301;
        font-size: 18px;
    }

.bti-nav-link span, .bti-nav-link i, .bti-nav-link {
    z-index: 1;
}

    .bti-nav-link.active {
        color: #071629 !important;
        background: linear-gradient(135deg, #F5B301, #FFD35A) !important;
        border-color: rgba(245, 179, 1, 0.60) !important;
        box-shadow: 0 18px 38px rgba(245, 179, 1, 0.28);
    }

.bti-inner-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.7;
}

.bti-inner-hero .container {
    position: relative;
    z-index: 1;
}

.bti-inner-hero span {
    color: #F5B301;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bti-inner-hero h1 {
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 950;
    margin: 10px 0 12px;
}

.bti-inner-hero p {
    color: #DCE8F7;
    max-width: 760px;
    line-height: 1.8;
    margin: 0;
}

.bti-inner-section {
    padding: 80px 0;
    background: #ffffff;
}

.bti-inner-card {
    height: 100%;
    padding: 30px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 32%), linear-gradient(145deg, #ffffff, #F6F8FC);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .bti-inner-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .bti-inner-card > i {
        width: 64px;
        height: 64px;
        border-radius: 22px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px;
        box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    }

    .bti-inner-card h5 {
        color: #071629;
        font-weight: 950;
        margin-bottom: 10px;
    }

    .bti-inner-card p {
        color: #667085;
        line-height: 1.7;
        margin-bottom: 8px;
    }

.bti-notice-list {
    display: grid;
    gap: 18px;
}

.bti-notice-item {
    padding: 26px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 18px 42px rgba(7,22,41,0.08);
}

    .bti-notice-item span {
        color: #B27600;
        font-weight: 900;
    }

    .bti-notice-item h5 {
        color: #071629;
        font-weight: 950;
        margin: 8px 0;
    }

.bti-gallery-box {
    min-height: 220px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.18), transparent 35%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    box-shadow: 0 24px 60px rgba(7,22,41,0.18);
}

    .bti-gallery-box i {
        font-size: 44px;
        color: #F5B301;
    }

    .bti-gallery-box span {
        font-weight: 900;
    }

.about-main-section {
    padding: 90px 0;
    background: #ffffff;
}

.about-content-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 32%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.08);
}

.about-label {
    color: #b27600;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about-content-card h2 {
    color: #071629;
    font-weight: 950;
    margin: 12px 0 18px;
    letter-spacing: -0.5px;
}

.about-content-card p {
    color: #667085;
    line-height: 1.85;
    margin-bottom: 16px;
}

.about-highlight-box {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
    padding: 18px;
    border-radius: 22px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.28);
}

    .about-highlight-box i {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        flex-shrink: 0;
    }

    .about-highlight-box strong {
        display: block;
        color: #071629;
        font-weight: 950;
    }

    .about-highlight-box small {
        display: block;
        color: #667085;
        line-height: 1.5;
    }

.about-visual-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

    .about-visual-card::after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        right: -90px;
        bottom: -100px;
        border-radius: 50%;
        background: rgba(255,255,255,0.08);
    }

.about-visual-top {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .about-visual-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .about-visual-top h3 {
        color: #ffffff;
        font-size: 30px;
        font-weight: 950;
        margin: 7px 0 5px;
    }

    .about-visual-top p {
        color: #dce8f7;
        margin: 0;
    }

.about-visual-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
    box-shadow: 0 20px 42px rgba(245,179,1,0.25);
}

.about-info-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
}

    .about-info-list > div {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 16px;
        border-radius: 20px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(12px);
    }

    .about-info-list i {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .about-info-list strong {
        display: block;
        color: #ffffff;
        font-weight: 900;
        margin-bottom: 3px;
    }

    .about-info-list span {
        display: block;
        color: #dce8f7;
        line-height: 1.5;
    }

.about-visual-note {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.about-values-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.about-value-card {
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .about-value-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .about-value-card i {
        width: 64px;
        height: 64px;
        border-radius: 22px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px;
        box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    }

    .about-value-card h5 {
        color: #071629;
        font-weight: 950;
        margin-bottom: 10px;
    }

    .about-value-card p {
        color: #667085;
        line-height: 1.7;
    }

.about-mission-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.about-mission-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .about-mission-card > i {
        width: 66px;
        height: 66px;
        border-radius: 23px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 31px;
        margin-bottom: 20px;
    }

    .about-mission-card span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .about-mission-card h3 {
        color: #071629;
        font-weight: 950;
        margin: 10px 0 12px;
    }

    .about-mission-card p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.about-cta-section {
    padding: 80px 0 95px;
    background: #ffffff;
}

.about-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .about-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .about-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .about-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.about-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .about-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.deposit-overview-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.deposit-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .deposit-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .deposit-card.featured {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.16);
    }

.deposit-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.deposit-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
}

.deposit-card h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 10px;
}

.deposit-card p {
    color: #667085;
    line-height: 1.7;
}

.deposit-card ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

    .deposit-card ul li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        color: #344054;
        font-weight: 700;
        font-size: 14px;
    }

        .deposit-card ul li::before {
            content: "";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            top: 0;
            color: #f5b301;
        }

.deposit-info-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.deposit-info-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .deposit-info-card > span, .deposit-doc-top span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .deposit-info-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .deposit-info-card p {
        color: #667085;
        line-height: 1.85;
    }

.deposit-benefits {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .deposit-benefits div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .deposit-benefits i {
        color: #f5b301;
    }

.deposit-doc-card {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.deposit-doc-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .deposit-doc-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin-top: 8px;
    }

.deposit-doc-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.deposit-doc-list {
    display: grid;
    gap: 14px;
}

    .deposit-doc-list div {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .deposit-doc-list i {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .deposit-doc-list span {
        color: #dce8f7;
        font-weight: 750;
    }

.deposit-doc-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.deposit-warning-section {
    padding: 70px 0;
    background: #ffffff;
}

.deposit-warning-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 28px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    box-shadow: 0 18px 42px rgba(7,22,41,0.07);
}

    .deposit-warning-box > i {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .deposit-warning-box h4 {
        color: #071629;
        font-weight: 950;
    }

    .deposit-warning-box p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.deposit-cta-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.deposit-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .deposit-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .deposit-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .deposit-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.deposit-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .deposit-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.loan-overview-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.loan-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .loan-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .loan-card.featured {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.16);
    }

    .loan-card.horizontal {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

.loan-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.loan-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    flex-shrink: 0;
}

.loan-card h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 10px;
}

.loan-card p {
    color: #667085;
    line-height: 1.7;
}

.loan-card ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

    .loan-card ul li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        color: #344054;
        font-weight: 700;
        font-size: 14px;
    }

        .loan-card ul li::before {
            content: "";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            top: 0;
            color: #f5b301;
        }

.loan-info-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.loan-info-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .loan-info-card > span, .loan-doc-top span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .loan-info-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .loan-info-card p {
        color: #667085;
        line-height: 1.85;
    }

.loan-eligibility-list {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .loan-eligibility-list div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .loan-eligibility-list i {
        color: #f5b301;
    }

.loan-doc-card {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.loan-doc-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .loan-doc-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin-top: 8px;
    }

.loan-doc-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.loan-doc-list {
    display: grid;
    gap: 14px;
}

    .loan-doc-list div {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .loan-doc-list i {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .loan-doc-list span {
        color: #dce8f7;
        font-weight: 750;
    }

.loan-doc-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.loan-process-section {
    padding: 90px 0;
    background: #ffffff;
}

.loan-step-card {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .loan-step-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .loan-step-card span {
        position: absolute;
        top: 20px;
        right: 22px;
        color: rgba(7,22,41,0.09);
        font-size: 42px;
        font-weight: 950;
    }

    .loan-step-card i {
        width: 64px;
        height: 64px;
        border-radius: 22px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px;
        box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    }

    .loan-step-card h5 {
        color: #071629;
        font-weight: 950;
    }

    .loan-step-card p {
        color: #667085;
        line-height: 1.7;
        margin: 0;
    }

.loan-warning-section {
    padding: 70px 0;
    background: #f6f8fc;
}

.loan-warning-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 28px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    box-shadow: 0 18px 42px rgba(7,22,41,0.07);
}

    .loan-warning-box > i {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .loan-warning-box h4 {
        color: #071629;
        font-weight: 950;
    }

    .loan-warning-box p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.loan-cta-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.loan-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .loan-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .loan-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .loan-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.loan-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .loan-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.services-overview-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.services-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .services-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .services-card.featured {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.16);
    }

.services-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.services-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
}

.services-card h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 10px;
}

.services-card p {
    color: #667085;
    line-height: 1.7;
}

.services-card ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

    .services-card ul li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        color: #344054;
        font-weight: 700;
        font-size: 14px;
    }

        .services-card ul li::before {
            content: "";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            top: 0;
            color: #f5b301;
        }

.services-support-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.services-support-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .services-support-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .services-support-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .services-support-card p {
        color: #667085;
        line-height: 1.85;
    }

.services-process-list {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .services-process-list div {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 15px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .services-process-list strong {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #071629;
        flex-shrink: 0;
    }

.services-premium-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.services-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .services-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .services-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin: 8px 0 5px;
    }

    .services-panel-top p {
        color: #dce8f7;
        margin: 0;
    }

.services-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.services-contact-list {
    display: grid;
    gap: 14px;
}

    .services-contact-list > div {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 16px;
        border-radius: 20px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(12px);
    }

    .services-contact-list i {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .services-contact-list strong {
        display: block;
        color: #ffffff;
        font-weight: 900;
        margin-bottom: 3px;
    }

    .services-contact-list span {
        display: block;
        color: #dce8f7;
        line-height: 1.5;
    }

.services-panel-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.services-doc-section {
    padding: 90px 0;
    background: #ffffff;
}

.services-doc-card {
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .services-doc-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .services-doc-card i {
        width: 64px;
        height: 64px;
        border-radius: 22px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px;
        box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    }

    .services-doc-card h5 {
        color: #071629;
        font-weight: 950;
    }

    .services-doc-card p {
        color: #667085;
        line-height: 1.7;
        margin: 0;
    }

.services-warning-section {
    padding: 70px 0;
    background: #f6f8fc;
}

.services-warning-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 28px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    box-shadow: 0 18px 42px rgba(7,22,41,0.07);
}

    .services-warning-box > i {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .services-warning-box h4 {
        color: #071629;
        font-weight: 950;
    }

    .services-warning-box p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.services-cta-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.services-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .services-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .services-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .services-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.services-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .services-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.contact-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.contact-info-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.contact-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .contact-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .contact-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin: 8px 0 5px;
    }

    .contact-panel-top p {
        color: #dce8f7;
        margin: 0;
    }

.contact-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
    box-shadow: 0 20px 42px rgba(245,179,1,0.25);
}

.contact-info-list {
    display: grid;
    gap: 14px;
}

    .contact-info-list > div {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 16px;
        border-radius: 20px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(12px);
    }

    .contact-info-list i {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .contact-info-list strong {
        display: block;
        color: #ffffff;
        font-weight: 900;
        margin-bottom: 3px;
    }

    .contact-info-list span {
        display: block;
        color: #dce8f7;
        line-height: 1.5;
    }

.contact-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.contact-form-card {
    height: 100%;
    padding: 36px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 32%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 26px 60px rgba(7,22,41,0.10);
}

    .contact-form-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .contact-form-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 10px 0 10px;
    }

    .contact-form-card p {
        color: #667085;
        line-height: 1.75;
    }

.contact-label {
    color: #071629;
    font-weight: 900;
    margin-bottom: 8px;
}

.contact-input {
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(7,22,41,0.12);
    background: #ffffff;
    color: #071629;
    padding: 13px 15px;
    font-weight: 700;
    outline: none;
    transition: all 0.2s ease;
}

    .contact-input:focus {
        border-color: rgba(245,179,1,0.70);
        box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
    }

.contact-textarea {
    resize: none;
}

.contact-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
    transition: all 0.25s ease;
}

    .contact-submit-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 28px 55px rgba(245,179,1,0.38);
    }

.contact-form-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.28);
    color: #7a5600;
    font-size: 14px;
    font-weight: 750;
}

.contact-quick-section {
    padding: 70px 0;
    background: #f6f8fc;
}

.contact-quick-card {
    height: 100%;
    text-align: center;
    padding: 30px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .contact-quick-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .contact-quick-card i {
        width: 66px;
        height: 66px;
        border-radius: 23px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px;
        box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    }

    .contact-quick-card h5 {
        color: #071629;
        font-weight: 950;
    }

    .contact-quick-card p {
        color: #667085;
        line-height: 1.7;
        margin: 0;
    }

.contact-map-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.contact-map-box {
    min-height: 260px;
    border-radius: 34px;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    padding: 35px;
    box-shadow: 0 34px 80px rgba(7,22,41,0.24);
}

    .contact-map-box i {
        font-size: 46px;
        color: #f5b301;
    }

    .contact-map-box h4 {
        font-weight: 950;
    }

    .contact-map-box p {
        color: #dce8f7;
        max-width: 680px;
        margin: 0;
    }

.calculator-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.calculator-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 32px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.13), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.09);
    transition: all 0.28s ease;
}

    .calculator-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 36px 75px rgba(7,22,41,0.16);
    }

    .calculator-card.featured {
        border-color: rgba(245,179,1,0.36);
        box-shadow: 0 30px 70px rgba(245,179,1,0.17);
    }

.calculator-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.calculator-card-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 24px;
}

.calculator-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
    flex-shrink: 0;
}

.calculator-card-top span {
    color: #b27600;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.calculator-card-top h5 {
    color: #071629;
    font-weight: 950;
    margin: 4px 0 0;
}

.calculator-form {
    display: grid;
    gap: 10px;
}

    .calculator-form label {
        color: #071629;
        font-weight: 900;
        margin-top: 8px;
    }

    .calculator-form input {
        width: 100%;
        min-height: 54px;
        border-radius: 16px;
        border: 1px solid rgba(7,22,41,0.12);
        background: #ffffff;
        color: #071629;
        padding: 13px 15px;
        font-weight: 800;
        outline: none;
        transition: all 0.2s ease;
    }

        .calculator-form input:focus {
            border-color: rgba(245,179,1,0.70);
            box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
        }

    .calculator-form button {
        margin-top: 14px;
        border: 0;
        min-height: 54px;
        border-radius: 18px;
        color: #071629;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        font-weight: 950;
        box-shadow: 0 20px 42px rgba(245,179,1,0.28);
        transition: all 0.25s ease;
    }

        .calculator-form button:hover {
            transform: translateY(-3px);
            box-shadow: 0 28px 55px rgba(245,179,1,0.38);
        }

.calculator-result {
    margin-top: 22px;
    display: grid;
    gap: 12px;
}

    .calculator-result div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 14px;
        padding: 16px;
        border-radius: 20px;
        background: #fff8e6;
        border: 1px solid rgba(245,179,1,0.25);
    }

    .calculator-result span {
        color: #7a5600;
        font-weight: 850;
    }

    .calculator-result strong {
        color: #071629;
        font-size: 20px;
        font-weight: 950;
        white-space: nowrap;
    }

.calculator-note-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin-top: 44px;
    padding: 26px;
    border-radius: 28px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    box-shadow: 0 18px 42px rgba(7,22,41,0.07);
}

    .calculator-note-box > i {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .calculator-note-box h4 {
        color: #071629;
        font-weight: 950;
    }

    .calculator-note-box p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.contact-alert {
    border-radius: 18px;
    font-weight: 850;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 18px 0;
}

.contact-validation {
    display: block;
    margin-top: 6px;
    color: #dc3545;
    font-size: 13px;
    font-weight: 800;
}

.admin-enquiry-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.admin-summary-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}

.admin-summary-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border-radius: 26px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .admin-summary-card i {
        width: 58px;
        height: 58px;
        border-radius: 20px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .admin-summary-card span {
        display: block;
        color: #667085;
        font-weight: 850;
    }

    .admin-summary-card strong {
        color: #071629;
        font-size: 30px;
        font-weight: 950;
    }

.admin-table-card {
    padding: 28px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 26px 60px rgba(7,22,41,0.10);
}

.admin-table-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .admin-table-top span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .admin-table-top h3 {
        color: #071629;
        font-weight: 950;
        margin: 5px 0 0;
    }

.admin-enquiry-table {
    margin: 0;
}

    .admin-enquiry-table thead th {
        color: #071629;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        background: #f6f8fc;
        border: 0;
        padding: 16px;
        white-space: nowrap;
    }

    .admin-enquiry-table tbody td {
        padding: 16px;
        color: #344054;
        font-weight: 700;
        border-color: rgba(7,22,41,0.08);
        vertical-align: top;
    }

        .admin-enquiry-table tbody td small {
            display: block;
            color: #667085;
            font-weight: 700;
            margin-top: 3px;
        }

    .admin-enquiry-table a {
        color: #123869;
        font-weight: 900;
        text-decoration: none;
    }

.admin-message-cell {
    max-width: 280px;
    line-height: 1.6;
}

.admin-status {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
}

    .admin-status.new {
        color: #7a5600;
        background: #fff8e6;
        border: 1px solid rgba(245,179,1,0.32);
    }

    .admin-status.contacted {
        color: #05603a;
        background: #ecfdf3;
        border: 1px solid rgba(5,96,58,0.20);
    }

.admin-action-group {
    display: inline-flex;
    gap: 8px;
}

.admin-action-btn {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    transition: all 0.22s ease;
}

    .admin-action-btn:hover {
        transform: translateY(-2px);
    }

    .admin-action-btn.success {
        background: #ecfdf3;
        color: #05603a;
    }

    .admin-action-btn.danger {
        background: #fff1f3;
        color: #c01048;
    }

.admin-empty-box {
    text-align: center;
    padding: 60px 20px;
    border-radius: 26px;
    background: #f6f8fc;
}

    .admin-empty-box i {
        font-size: 46px;
        color: #f5b301;
    }

    .admin-empty-box h4 {
        color: #071629;
        font-weight: 950;
        margin-top: 12px;
    }

    .admin-empty-box p {
        color: #667085;
        margin: 0;
    }

.admin-login-section {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    padding: 90px 0;
    background: radial-gradient(circle at 80% 15%, rgba(245,179,1,0.24), transparent 30%), linear-gradient(135deg, #071629, #123869);
    overflow: hidden;
}

.admin-login-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: 34px 34px;
}

.admin-login-card {
    position: relative;
    z-index: 1;
    max-width: 480px;
    margin: 0 auto;
    padding: 38px;
    border-radius: 34px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(255,255,255,0.24);
    box-shadow: 0 34px 90px rgba(0,0,0,0.28);
    backdrop-filter: blur(18px);
}

.admin-login-logo {
    width: 76px;
    height: 76px;
    border-radius: 26px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin-bottom: 22px;
    box-shadow: 0 22px 48px rgba(7,22,41,0.25);
}

.admin-login-card > span {
    color: #b27600;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.admin-login-card h1 {
    color: #071629;
    font-weight: 950;
    margin: 8px 0 10px;
}

.admin-login-card p {
    color: #667085;
    line-height: 1.7;
    margin-bottom: 22px;
}

.admin-login-field {
    margin-bottom: 16px;
}

    .admin-login-field label {
        display: block;
        color: #071629;
        font-weight: 900;
        margin-bottom: 8px;
    }

    .admin-login-field input {
        width: 100%;
        min-height: 54px;
        border-radius: 16px;
        border: 1px solid rgba(7,22,41,0.12);
        background: #ffffff;
        color: #071629;
        padding: 13px 15px;
        font-weight: 800;
        outline: none;
        transition: all 0.2s ease;
    }

        .admin-login-field input:focus {
            border-color: rgba(245,179,1,0.70);
            box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
        }

.admin-login-btn {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
    transition: all 0.25s ease;
}

    .admin-login-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 28px 55px rgba(245,179,1,0.38);
    }

.admin-login-alert {
    border-radius: 16px;
    font-weight: 850;
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-login-note {
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 16px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    color: #7a5600;
    font-size: 14px;
    font-weight: 800;
}

.admin-logout-btn {
    border: 0;
    border-radius: 16px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 16px 34px rgba(7,22,41,0.20);
    transition: all 0.22s ease;
}

    .admin-logout-btn:hover {
        transform: translateY(-2px);
    }

.downloads-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.download-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .download-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

.download-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.download-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
}

.download-card h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 10px;
}

.download-card p {
    color: #667085;
    line-height: 1.75;
}

.download-file-name {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 18px 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: #fff8e6;
    color: #7a5600;
    font-size: 13px;
    font-weight: 850;
    word-break: break-word;
}

    .download-file-name i {
        color: #d92d20;
        font-size: 18px;
    }

.download-btn {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(245,179,1,0.28);
    transition: all 0.25s ease;
}

    .download-btn:hover {
        color: #071629;
        transform: translateY(-3px);
        box-shadow: 0 26px 52px rgba(245,179,1,0.36);
    }

    .download-btn.disabled {
        background: #e4e7ec;
        color: #667085;
        box-shadow: none;
        cursor: not-allowed;
    }

.downloads-help-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.downloads-help-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .downloads-help-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .downloads-help-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .downloads-help-card p {
        color: #667085;
        line-height: 1.85;
    }

.downloads-steps {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .downloads-steps div {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 15px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .downloads-steps strong {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #071629;
        flex-shrink: 0;
    }

.downloads-doc-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.downloads-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .downloads-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .downloads-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin-top: 8px;
    }

.downloads-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.downloads-doc-list {
    display: grid;
    gap: 14px;
}

    .downloads-doc-list div {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .downloads-doc-list i {
        width: 40px;
        height: 40px;
        border-radius: 14px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .downloads-doc-list span {
        color: #dce8f7;
        font-weight: 750;
    }

.downloads-panel-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.downloads-warning-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.downloads-warning-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 28px;
    background: #fff8e6;
    border: 1px solid rgba(245,179,1,0.30);
    box-shadow: 0 18px 42px rgba(7,22,41,0.07);
}

    .downloads-warning-box > i {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        flex-shrink: 0;
    }

    .downloads-warning-box h4 {
        color: #071629;
        font-weight: 950;
    }

    .downloads-warning-box p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.branches-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.branch-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .branch-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .branch-card.featured {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.16);
    }

.branch-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.branch-icon {
    width: 66px;
    height: 66px;
    border-radius: 23px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 36px rgba(7,22,41,0.24);
}

.branch-card h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 18px;
}

.branch-info-list {
    display: grid;
    gap: 13px;
    margin-bottom: 22px;
}

    .branch-info-list div {
        display: flex;
        gap: 11px;
        align-items: flex-start;
        padding: 13px;
        border-radius: 17px;
        background: #ffffff;
        border: 1px solid rgba(7,22,41,0.07);
    }

    .branch-info-list i {
        color: #b27600;
        font-size: 18px;
        flex-shrink: 0;
    }

    .branch-info-list span {
        color: #667085;
        font-weight: 750;
        line-height: 1.55;
    }

.branch-btn {
    min-height: 52px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none;
    padding: 13px 18px;
    width: 100%;
    box-shadow: 0 18px 38px rgba(245,179,1,0.28);
    transition: all 0.25s ease;
}

    .branch-btn:hover {
        color: #071629;
        transform: translateY(-3px);
        box-shadow: 0 26px 52px rgba(245,179,1,0.36);
    }

.branches-highlight-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.branches-support-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .branches-support-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .branches-support-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .branches-support-card p {
        color: #667085;
        line-height: 1.85;
    }

.branches-service-list {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .branches-service-list div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .branches-service-list i {
        color: #f5b301;
    }

.branches-premium-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.branches-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .branches-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .branches-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin: 8px 0 5px;
    }

    .branches-panel-top p {
        color: #dce8f7;
        margin: 0;
    }

.branches-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.branches-panel-list {
    display: grid;
    gap: 14px;
}

    .branches-panel-list > div {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 16px;
        border-radius: 20px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(12px);
    }

    .branches-panel-list i {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .branches-panel-list strong {
        display: block;
        color: #ffffff;
        font-weight: 900;
        margin-bottom: 3px;
    }

    .branches-panel-list span {
        display: block;
        color: #dce8f7;
        line-height: 1.5;
    }

.branches-panel-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.branches-map-section {
    padding: 80px 0;
    background: #ffffff;
}

.branches-map-box {
    min-height: 280px;
    border-radius: 34px;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    padding: 35px;
    box-shadow: 0 34px 80px rgba(7,22,41,0.24);
}

    .branches-map-box i {
        font-size: 46px;
        color: #f5b301;
    }

    .branches-map-box h4 {
        font-weight: 950;
    }

    .branches-map-box p {
        color: #dce8f7;
        max-width: 700px;
        margin: 0;
    }

.branches-cta-section {
    padding: 70px 0 95px;
    background: #f6f8fc;
}

.branches-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .branches-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .branches-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .branches-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.branches-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .branches-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.branches-map-live-box {
    overflow: hidden;
    border-radius: 34px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 34px 80px rgba(7,22,41,0.14);
}

.branches-map-content {
    padding: 34px;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.28), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
}

    .branches-map-content span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .branches-map-content h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .branches-map-content p {
        color: #dce8f7;
        margin-bottom: 18px;
    }

.branches-map-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(245,179,1,0.30);
}

    .branches-map-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.branches-map-frame {
    width: 100%;
    height: 420px;
    background: #f6f8fc;
}

    .branches-map-frame iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

.branches-map-empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #667085;
    text-align: center;
    padding: 30px;
}

    .branches-map-empty i {
        color: #f5b301;
        font-size: 44px;
        margin-bottom: 10px;
    }

    .branches-map-empty h4 {
        color: #071629;
        font-weight: 950;
    }

.branch-map-btn {
    min-height: 48px;
    border-radius: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #071629, #123869);
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    padding: 12px 18px;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 16px 34px rgba(7,22,41,0.18);
}

    .branch-map-btn:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }

.branch-map-card-top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 24px;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.28), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
}

    .branch-map-card-top span {
        color: #ffd35a;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .branch-map-card-top h4 {
        margin: 8px 0 6px;
        color: #ffffff;
        font-weight: 950;
    }

    .branch-map-card-top p {
        color: #dce8f7;
        margin: 0;
        line-height: 1.6;
    }

    .branch-map-card-top a {
        width: 44px;
        height: 44px;
        border-radius: 15px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

.branch-map-frame {
    width: 100%;
    height: 330px;
    background: #f6f8fc;
}

    .branch-map-frame iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

.branch-map-empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #667085;
}

    .branch-map-empty i {
        color: #f5b301;
        font-size: 42px;
    }

.notices-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.notices-list-wrap {
    display: grid;
    gap: 18px;
}

.notice-item-card {
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 24px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.10), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .notice-item-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .notice-item-card.important {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.15);
    }

.notice-date-box strong {
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
}

.notice-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: #fff8e6;
    color: #b27600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.notice-content {
    flex: 1;
}

.notice-meta {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

    .notice-meta span {
        padding: 6px 11px;
        border-radius: 999px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        font-size: 12px;
        font-weight: 950;
    }

    .notice-meta small {
        color: #667085;
        font-weight: 800;
    }

.notice-content h5 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 8px;
}

.notice-content p {
    color: #667085;
    line-height: 1.75;
    margin: 0;
}

.notices-side-panel {
    position: sticky;
    top: 110px;
    padding: 30px;
    border-radius: 32px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.notices-side-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .notices-side-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .notices-side-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin: 8px 0 0;
    }

.notices-side-icon {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    flex-shrink: 0;
}

.notice-category-list {
    display: grid;
    gap: 13px;
}

    .notice-category-list div {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .notice-category-list i {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        background: rgba(245,179,1,0.16);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .notice-category-list span {
        color: #dce8f7;
        font-weight: 800;
    }

.notices-side-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.notices-highlight-section {
    padding: 70px 0 95px;
    background: #f6f8fc;
}

.notice-highlight-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .notice-highlight-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .notice-highlight-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .notice-highlight-box p {
        margin: 0;
        color: #dce8f7;
    }

.notice-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .notice-contact-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.gallery-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.gallery-filter-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 38px;
}

    .gallery-filter-row span {
        padding: 11px 17px;
        border-radius: 999px;
        color: #071629;
        background: #fff8e6;
        border: 1px solid rgba(245,179,1,0.28);
        font-weight: 900;
        font-size: 14px;
    }

        .gallery-filter-row span:first-child {
            background: linear-gradient(135deg, #f5b301, #ffd35a);
            color: #071629;
        }

.gallery-card {
    overflow: hidden;
    height: 100%;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .gallery-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

.gallery-image-wrap {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.20), transparent 34%), linear-gradient(135deg, #071629, #123869);
}

    .gallery-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: all 0.35s ease;
    }

.gallery-card:hover .gallery-image-wrap img {
    transform: scale(1.06);
}

.gallery-placeholder {
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .gallery-placeholder i {
        font-size: 48px;
        color: #f5b301;
    }

    .gallery-placeholder span {
        font-weight: 900;
    }

.gallery-category {
    position: absolute;
    left: 18px;
    top: 18px;
    padding: 8px 13px;
    border-radius: 999px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(245,179,1,0.28);
}

.gallery-content {
    padding: 24px;
}

    .gallery-content h5 {
        color: #071629;
        font-weight: 950;
        margin-bottom: 9px;
    }

    .gallery-content p {
        color: #667085;
        line-height: 1.75;
        margin: 0;
    }

.gallery-highlight-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.gallery-info-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .gallery-info-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .gallery-info-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .gallery-info-card p {
        color: #667085;
        line-height: 1.85;
    }

.gallery-benefit-list {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .gallery-benefit-list div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .gallery-benefit-list i {
        color: #f5b301;
    }

.gallery-upload-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.gallery-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .gallery-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .gallery-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin-top: 8px;
    }

.gallery-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.gallery-setup-list {
    display: grid;
    gap: 14px;
}

    .gallery-setup-list div {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .gallery-setup-list strong {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .gallery-setup-list span {
        color: #dce8f7;
        font-weight: 800;
    }

.gallery-panel-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.gallery-cta-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.gallery-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .gallery-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .gallery-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .gallery-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.gallery-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .gallery-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.management-main-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.management-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.28s ease;
}

    .management-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .management-card.featured {
        border-color: rgba(245,179,1,0.35);
        box-shadow: 0 28px 65px rgba(245,179,1,0.16);
    }

.management-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.management-photo-wrap {
    height: 250px;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.28), transparent 32%), linear-gradient(135deg, #071629, #123869);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .management-photo-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.management-photo-placeholder {
    width: 110px;
    height: 110px;
    border-radius: 34px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .management-photo-placeholder i {
        font-size: 70px;
        color: #f5b301;
    }

.management-content {
    padding: 26px;
}

    .management-content span {
        display: inline-flex;
        padding: 7px 12px;
        border-radius: 999px;
        background: #fff8e6;
        color: #7a5600;
        font-size: 12px;
        font-weight: 950;
        margin-bottom: 12px;
    }

    .management-content h5 {
        color: #071629;
        font-weight: 950;
        margin-bottom: 9px;
    }

    .management-content p {
        color: #667085;
        line-height: 1.75;
        margin: 0;
    }

.management-governance-section {
    padding: 90px 0;
    background: #f6f8fc;
}

.management-info-card {
    height: 100%;
    padding: 34px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .management-info-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .management-info-card h2 {
        color: #071629;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .management-info-card p {
        color: #667085;
        line-height: 1.85;
    }

.management-points-list {
    display: grid;
    gap: 13px;
    margin-top: 24px;
}

    .management-points-list div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        background: #fff8e6;
        color: #071629;
        font-weight: 850;
    }

    .management-points-list i {
        color: #f5b301;
    }

.management-panel {
    height: 100%;
    padding: 32px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.management-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

    .management-panel-top span {
        color: #f5b301;
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .management-panel-top h3 {
        color: #ffffff;
        font-weight: 950;
        margin-top: 8px;
    }

.management-panel-icon {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    flex-shrink: 0;
}

.management-role-list {
    display: grid;
    gap: 14px;
}

    .management-role-list div {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .management-role-list strong {
        width: 38px;
        height: 38px;
        border-radius: 14px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .management-role-list span {
        color: #dce8f7;
        font-weight: 800;
    }

.management-panel-note {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(245,179,1,0.14);
    border: 1px solid rgba(245,179,1,0.24);
    color: #fff4d6;
    font-size: 14px;
    line-height: 1.6;
}

.management-staff-section {
    padding: 70px 0 95px;
    background: #ffffff;
}

.management-staff-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .management-staff-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .management-staff-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

.management-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .management-contact-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.admin-notice-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.admin-notice-form-card, .admin-notice-list-card {
    height: 100%;
    padding: 30px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.10);
}

    .admin-notice-form-card > span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .admin-notice-form-card h3 {
        color: #071629;
        font-weight: 950;
        margin: 8px 0 20px;
    }

    .admin-notice-form-card label {
        color: #071629;
        font-weight: 900;
        margin-bottom: 7px;
        margin-top: 12px;
        display: block;
    }

    .admin-notice-form-card input, .admin-notice-form-card textarea, .admin-notice-form-card select {
        width: 100%;
        min-height: 52px;
        border-radius: 16px;
        border: 1px solid rgba(7,22,41,0.12);
        background: #ffffff;
        color: #071629;
        padding: 12px 14px;
        font-weight: 750;
        outline: none;
    }

    .admin-notice-form-card textarea {
        resize: none;
    }

        .admin-notice-form-card input:focus, .admin-notice-form-card textarea:focus, .admin-notice-form-card select:focus {
            border-color: rgba(245,179,1,0.70);
            box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
        }

.admin-notice-check {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 16px 0;
}

    .admin-notice-check input {
        width: 18px;
        min-height: 18px;
    }

    .admin-notice-check label {
        margin: 0;
    }

.admin-notice-form-card button {
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    margin-top: 8px;
    box-shadow: 0 20px 42px rgba(245,179,1,0.28);
}

.admin-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

    .admin-back-btn:hover {
        color: #ffffff;
    }

.admin-notice-list {
    display: grid;
    gap: 16px;
}

.admin-notice-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
    background: #f6f8fc;
    border: 1px solid rgba(7,22,41,0.08);
}

.admin-notice-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.admin-notice-content {
    flex: 1;
}

.admin-notice-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

    .admin-notice-meta span, .admin-notice-meta b {
        padding: 6px 10px;
        border-radius: 999px;
        background: #fff8e6;
        color: #7a5600;
        font-size: 12px;
        font-weight: 950;
    }

    .admin-notice-meta small {
        color: #667085;
        font-weight: 800;
    }

.admin-notice-content h5, .admin-notice-content h6 {
    color: #071629;
    font-weight: 950;
}

.admin-notice-content p {
    color: #667085;
    line-height: 1.6;
    margin-bottom: 10px;
}

.admin-dashboard-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.admin-stat-card {
    height: 100%;
    padding: 26px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    transition: all 0.25s ease;
}

    .admin-stat-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

.admin-stat-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 18px;
}

.admin-stat-card span {
    color: #667085;
    font-weight: 900;
    font-size: 14px;
}

.admin-stat-card h2 {
    color: #071629;
    font-size: 42px;
    font-weight: 950;
    margin: 4px 0;
}

.admin-stat-card p {
    color: #667085;
    margin: 0;
    font-weight: 700;
}

.admin-stat-card.warning {
    border-color: rgba(245,179,1,0.35);
}

.admin-stat-card.success {
    border-color: rgba(25,135,84,0.25);
}

.admin-stat-card.notice {
    border-color: rgba(13,110,253,0.22);
}

.admin-dashboard-card, .admin-quick-panel {
    height: 100%;
    padding: 30px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.10);
}

.admin-dashboard-card-top, .admin-quick-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 24px;
}

    .admin-dashboard-card-top span, .admin-quick-top span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .admin-dashboard-card-top h3, .admin-quick-top h3 {
        color: #071629;
        font-weight: 950;
        margin-top: 7px;
    }

.admin-small-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 17px;
    border-radius: 16px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

    .admin-small-btn:hover {
        color: #ffffff;
    }

.admin-latest-list {
    display: grid;
    gap: 15px;
}

.admin-latest-item {
    display: flex;
    gap: 15px;
    padding: 18px;
    border-radius: 24px;
    background: #f6f8fc;
    border: 1px solid rgba(7,22,41,0.08);
}

.admin-latest-avatar {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.admin-latest-content {
    flex: 1;
}

.admin-latest-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

    .admin-latest-meta h5 {
        color: #071629;
        font-weight: 950;
        margin: 0;
    }

    .admin-latest-meta span {
        padding: 6px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 950;
    }

        .admin-latest-meta span.new {
            background: #fff8e6;
            color: #7a5600;
        }

        .admin-latest-meta span.done {
            background: #e9f8ef;
            color: #137047;
        }

.admin-latest-content p {
    color: #667085;
    margin: 4px 0;
    font-weight: 750;
}

    .admin-latest-content p i {
        color: #f5b301;
        margin-right: 6px;
    }

.admin-latest-content small {
    color: #98a2b3;
    font-weight: 800;
}

.admin-quick-panel {
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

.admin-quick-top span {
    color: #f5b301;
}

.admin-quick-top h3 {
    color: #ffffff;
}

.admin-quick-icon {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    flex-shrink: 0;
}

.admin-quick-links {
    display: grid;
    gap: 14px;
}

    .admin-quick-links a {
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 15px;
        border-radius: 18px;
        background: rgba(255,255,255,0.09);
        border: 1px solid rgba(255,255,255,0.14);
        color: #ffffff;
        text-decoration: none;
        transition: all 0.25s ease;
    }

        .admin-quick-links a:hover {
            transform: translateY(-3px);
            background: rgba(255,255,255,0.14);
        }

        .admin-quick-links a > i {
            width: 42px;
            height: 42px;
            border-radius: 15px;
            background: rgba(245,179,1,0.16);
            color: #f5b301;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }

    .admin-quick-links strong {
        display: block;
        color: #ffffff;
        font-weight: 950;
    }

    .admin-quick-links small {
        color: #dce8f7;
        font-weight: 700;
    }

.admin-dashboard-logout {
    margin-top: 18px;
}

    .admin-dashboard-logout button {
        width: 100%;
        min-height: 52px;
        border: 0;
        border-radius: 18px;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        color: #071629;
        font-weight: 950;
    }

.admin-upload-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.admin-upload-card {
    height: 100%;
    padding: 30px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.10);
}

.admin-upload-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

    .admin-upload-top span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .admin-upload-top h3 {
        color: #071629;
        font-weight: 950;
        margin: 8px 0;
    }

    .admin-upload-top p {
        color: #667085;
        margin: 0;
        line-height: 1.6;
    }

.admin-upload-icon {
    width: 68px;
    height: 68px;
    border-radius: 22px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    flex-shrink: 0;
}

.admin-upload-form {
    padding: 18px;
    border-radius: 24px;
    background: #f6f8fc;
    border: 1px solid rgba(7,22,41,0.08);
    margin-bottom: 22px;
}

    .admin-upload-form label {
        color: #071629;
        font-weight: 900;
        margin-bottom: 7px;
        margin-top: 12px;
        display: block;
    }

    .admin-upload-form select, .admin-upload-form input {
        width: 100%;
        min-height: 52px;
        border-radius: 16px;
        border: 1px solid rgba(7,22,41,0.12);
        background: #ffffff;
        color: #071629;
        padding: 12px 14px;
        font-weight: 750;
        outline: none;
    }

        .admin-upload-form select:focus, .admin-upload-form input:focus {
            border-color: rgba(245,179,1,0.70);
            box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
        }

    .admin-upload-form button {
        width: 100%;
        min-height: 54px;
        border: 0;
        border-radius: 18px;
        color: #071629;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        font-weight: 950;
        margin-top: 18px;
        box-shadow: 0 20px 42px rgba(245,179,1,0.28);
    }

.admin-photo-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.admin-photo-preview {
    overflow: hidden;
    border-radius: 18px;
    background: #f6f8fc;
    border: 1px solid rgba(7,22,41,0.08);
}

    .admin-photo-preview img, .admin-photo-empty {
        width: 100%;
        height: 118px;
    }

    .admin-photo-preview img {
        object-fit: cover;
        display: block;
    }

.admin-photo-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.22), transparent 34%), linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    font-size: 38px;
}

.admin-photo-preview small {
    display: block;
    padding: 9px 10px;
    color: #667085;
    font-size: 12px;
    font-weight: 850;
    text-align: center;
}

.admin-upload-actions {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}

    .admin-upload-actions a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border-radius: 16px;
        padding: 13px 20px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #ffffff;
        font-weight: 900;
        text-decoration: none;
    }

        .admin-upload-actions a:hover {
            color: #ffffff;
            transform: translateY(-3px);
        }

.ft-home-hero-v2 .row {
    min-height: auto !important;
    height: auto !important;
    align-items: center !important;
}

.ft-hero-left {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.ft-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ft-hero-btn {
    min-height: 56px;
    padding: 15px 24px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 950;
    text-decoration: none;
}

    .ft-hero-btn.primary {
        color: #071629;
        background: linear-gradient(135deg, #f5b301, #ffd35a);
        box-shadow: 0 20px 42px rgba(245,179,1,0.28);
    }

    .ft-hero-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.ft-hero-mini-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

    .ft-hero-mini-stats div {
        min-width: 130px;
        padding: 16px 18px;
        border-radius: 20px;
        background: #ffffff;
        border: 1px solid rgba(7,22,41,0.08);
        box-shadow: 0 16px 34px rgba(7,22,41,0.07);
    }

    .ft-hero-mini-stats strong {
        display: block;
        color: #071629;
        font-size: 24px;
        font-weight: 950;
    }

    .ft-hero-mini-stats span {
        color: #667085;
        font-size: 13px;
        font-weight: 850;
    }

.ft-profile-top {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

    .ft-profile-top span {
        color: #b27600;
        font-weight: 950;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .ft-profile-top h2 {
        color: #071629;
        font-size: 38px;
        font-weight: 950;
        margin: 12px 0 6px;
    }

    .ft-profile-top p {
        color: #667085;
        font-size: 21px;
        font-weight: 850;
        margin: 0;
    }

.ft-trust-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

    .ft-trust-row div {
        min-height: 62px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(7,22,41,0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        color: #071629;
        font-weight: 900;
        box-shadow: 0 16px 34px rgba(7,22,41,0.06);
    }

    .ft-trust-row i {
        color: #f5b301;
        font-size: 22px;
    }

.ft-facility-box span {
    color: #f5b301;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ft-facility-box h3 {
    color: #ffffff;
    font-weight: 950;
    margin: 10px 0;
}

.ft-facility-box p {
    color: #dce8f7;
    margin: 0;
}

.ft-profile-bottom {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

    .ft-profile-bottom div {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #667085;
        font-weight: 850;
    }

    .ft-profile-bottom i {
        color: #f5b301;
    }

.ft-section-title {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 44px;
}

    .ft-section-title span {
        color: #b27600;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .ft-section-title h2 {
        color: #071629;
        font-size: clamp(32px, 4vw, 48px);
        font-weight: 950;
        margin: 10px 0 14px;
    }

    .ft-section-title p {
        color: #667085;
        line-height: 1.8;
        margin: 0;
    }

.ft-home-services {
    padding: 90px 0;
    background: #ffffff;
}

.ft-service-card {
    height: 100%;
    display: block;
    padding: 30px;
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.12), transparent 34%), linear-gradient(145deg, #ffffff, #f6f8fc);
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    text-decoration: none;
    transition: all 0.28s ease;
}

    .ft-service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

.ft-service-icon {
    width: 66px;
    height: 66px;
    border-radius: 22px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #f5b301;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.ft-service-card h4 {
    color: #071629;
    font-weight: 950;
    margin-bottom: 12px;
}

.ft-service-card p {
    color: #667085;
    line-height: 1.75;
    margin-bottom: 20px;
}

.ft-service-card span {
    color: #b27600;
    font-weight: 950;
}

.ft-home-products {
    padding: 90px 0;
    background: #f6f8fc;
}

.ft-product-info {
    padding: 34px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.24), transparent 32%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: 0 32px 80px rgba(7,22,41,0.24);
}

    .ft-product-info span {
        color: #f5b301;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .ft-product-info h2 {
        color: #ffffff;
        font-weight: 950;
        margin: 12px 0 16px;
    }

    .ft-product-info p {
        color: #dce8f7;
        line-height: 1.85;
    }

.ft-product-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 24px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    margin-top: 12px;
}

    .ft-product-btn:hover {
        color: #071629;
    }

.ft-product-card {
    height: 100%;
    padding: 28px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
}

    .ft-product-card h4 {
        color: #071629;
        font-weight: 950;
        margin-bottom: 10px;
    }

    .ft-product-card p {
        color: #667085;
        line-height: 1.75;
        margin: 0;
    }

.ft-home-tools {
    padding: 90px 0;
    background: #ffffff;
}

.ft-tool-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ft-tool-card {
    min-height: 150px;
    padding: 24px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 22px 48px rgba(7,22,41,0.08);
    color: #071629;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-weight: 950;
    transition: all 0.25s ease;
}

    .ft-tool-card:hover {
        color: #071629;
        transform: translateY(-8px);
        box-shadow: 0 34px 70px rgba(7,22,41,0.15);
    }

    .ft-tool-card i {
        width: 58px;
        height: 58px;
        border-radius: 20px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #f5b301;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
    }

.ft-home-cta {
    padding: 70px 0 95px;
    background: #f6f8fc;
}

.ft-cta-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 44px;
    border-radius: 34px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 20%, rgba(245,179,1,0.34), transparent 32%), linear-gradient(135deg, #071629, #123869);
    box-shadow: 0 34px 80px rgba(7,22,41,0.26);
}

    .ft-cta-box span {
        color: #ffd35a;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .ft-cta-box h2 {
        margin: 9px 0;
        font-weight: 950;
    }

    .ft-cta-box p {
        margin: 0;
        color: #dce8f7;
    }

.ft-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 26px;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 20px 42px rgba(245,179,1,0.30);
}

    .ft-cta-btn:hover {
        color: #071629;
        transform: translateY(-3px);
    }

.admin-management-section {
    padding: 90px 0;
    background: radial-gradient(circle at top left, rgba(245,179,1,0.10), transparent 30%), #ffffff;
}

.admin-management-card {
    height: 100%;
    overflow: hidden;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(7,22,41,0.08);
    box-shadow: 0 24px 55px rgba(7,22,41,0.10);
}

.admin-management-preview {
    position: relative;
    height: 240px;
    background: radial-gradient(circle at top right, rgba(245,179,1,0.25), transparent 34%), linear-gradient(135deg, #071629, #123869);
}

    .admin-management-preview img, .admin-management-empty {
        width: 100%;
        height: 100%;
    }

    .admin-management-preview img {
        object-fit: cover;
        display: block;
    }

.admin-management-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5b301;
    font-size: 76px;
}

.admin-management-preview span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 8px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    font-size: 12px;
    font-weight: 950;
}

.admin-management-form {
    padding: 24px;
}

    .admin-management-form label {
        color: #071629;
        font-weight: 900;
        margin-bottom: 7px;
        display: block;
    }

    .admin-management-form input, .admin-management-form textarea {
        width: 100%;
        min-height: 50px;
        border-radius: 16px;
        border: 1px solid rgba(7,22,41,0.12);
        background: #ffffff;
        color: #071629;
        padding: 12px 14px;
        font-weight: 750;
        outline: none;
    }

    .admin-management-form textarea {
        resize: none;
    }

        .admin-management-form input:focus, .admin-management-form textarea:focus {
            border-color: rgba(245,179,1,0.70);
            box-shadow: 0 0 0 4px rgba(245,179,1,0.14);
        }

.admin-management-checks {
    height: 100%;
    display: flex;
    align-items: end;
    gap: 16px;
    padding-bottom: 4px;
}

    .admin-management-checks label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin: 0;
    }

    .admin-management-checks input {
        width: 18px;
        min-height: 18px;
    }

.admin-management-form button {
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    color: #071629;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    font-weight: 950;
    margin-top: 20px;
    box-shadow: 0 20px 42px rgba(245,179,1,0.28);
}

.bti-nav-link {
    position: relative;
    overflow: hidden;
    color: #071629 !important;
    font-weight: 950 !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(7, 22, 41, 0.08) !important;
    box-shadow: 0 10px 24px rgba(7, 22, 41, 0.06);
    transition: all 0.25s ease !important;
}

    .bti-nav-link::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(245, 179, 1, 0.28), rgba(255, 255, 255, 0.18));
        opacity: 0;
        transition: opacity 0.25s ease;
        pointer-events: none;
    }

    .bti-nav-link:hover::before {
        opacity: 1;
    }

.bti-nav-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: -85%;
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.36), transparent);
    transform: skewX(-18deg);
    transition: all 0.6s ease;
}

.bti-nav-cta:hover::after {
    left: 130%;
}

.bti-nav-cta i {
    font-size: 15px;
    width: 29px;
    height: 29px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bti-dropdown .dropdown-item {
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 13px 14px !important;
    margin-bottom: 6px;
    border-radius: 17px !important;
    color: #071629 !important;
    font-weight: 900 !important;
    background: rgba(246, 248, 252, 0.74);
    border: 1px solid rgba(7, 22, 41, 0.06);
    transition: all 0.24s ease !important;
}

    .bti-dropdown .dropdown-item:last-child {
        margin-bottom: 0;
    }

    .bti-dropdown .dropdown-item i {
        width: 36px;
        height: 36px;
        border-radius: 14px;
        background: linear-gradient(135deg, #071629, #123869);
        color: #f5b301;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: 0 12px 26px rgba(7, 22, 41, 0.18);
    }

    .bti-dropdown .dropdown-item:hover {
        color: #071629 !important;
        background: linear-gradient(135deg, #f5b301, #ffd35a) !important;
        transform: translateX(6px);
        box-shadow: 0 16px 34px rgba(245, 179, 1, 0.25);
    }

        .bti-dropdown .dropdown-item:hover i {
            background: #071629;
            color: #ffd35a;
        }

.ft-home-hero-v2::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: 9%;
    top: 8%;
    border-radius: 50%;
    background: rgba(245, 179, 1, 0.26);
    filter: blur(14px);
    z-index: -1;
    animation: ftFloatOrbOne 7s ease-in-out infinite;
}

.ft-home-hero-v2::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    left: 5%;
    bottom: 10%;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.14);
    filter: blur(18px);
    z-index: -1;
    animation: ftFloatOrbTwo 8s ease-in-out infinite;
}

.ft-hero-badge, .ft-hero-mini-stats div, .ft-hero-profile-card, .ft-service-card, .ft-product-card, .ft-tool-card {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.ft-hero-actions, .ft-hero-mini-stats {
    animation: ftSlideUp 1.12s ease both;
}

.ft-hero-profile-card::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(245, 179, 1, 0.28);
    filter: blur(4px);
}

.ft-hero-profile-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    left: -70px;
    bottom: -70px;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.10);
}

.ft-profile-top, .ft-trust-row, .ft-facility-box, .ft-profile-bottom {
    position: relative;
    z-index: 1;
}

.ft-profile-icon {
    width: 82px;
    height: 82px;
    border-radius: 26px;
    background: linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    flex-shrink: 0;
    box-shadow: 0 24px 48px rgba(7,22,41,0.25);
    animation: ftIconPulse 3.8s ease-in-out infinite;
}

.ft-trust-row div:hover, .ft-hero-mini-stats div:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 54px rgba(7, 22, 41, 0.14);
}

.ft-facility-box {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 26px;
    background: radial-gradient(circle at 100% 100%, rgba(245,179,1,0.18), transparent 35%), linear-gradient(135deg, #071629, #123869);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
}

.ft-facility-icon {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(135deg, #f5b301, #ffd35a);
    color: #071629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    animation: ftSmallFloat 4.4s ease-in-out infinite;
}

.ft-service-card::before, .ft-product-card::before, .ft-tool-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(245,179,1,0.15), transparent 38%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.ft-service-card:hover::before, .ft-product-card:hover::before, .ft-tool-card:hover::before {
    opacity: 1;
}

.ft-hero-btn, .ft-product-btn, .ft-cta-btn {
    position: relative;
    overflow: hidden;
}

    .ft-hero-btn::after, .ft-product-btn::after, .ft-cta-btn::after {
        content: "";
        position: absolute;
        top: 0;
        left: -80%;
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);
        transform: skewX(-18deg);
        transition: all 0.55s ease;
    }

    .ft-hero-btn:hover::after, .ft-product-btn:hover::after, .ft-cta-btn:hover::after {
        left: 130%;
    }

.bti-nav-link > span, .bti-nav-cta > span {
    position: relative;
    z-index: 1;
}

.bti-nav-cta::before {
    background: radial-gradient(circle at 20% 10%, rgba(255,255,255,0.35), transparent 35%), linear-gradient(135deg, #071629, #2563eb);
}

.bti-nav-cta:hover::before {
    opacity: 1;
}

.bti-nav-link.dropdown-toggle::after {
    position: relative;
    z-index: 1;
    margin-left: 0;
}

.bti-mega-dropdown .dropdown-item:last-child {
    margin-bottom: 0;
}

.bti-dropdown {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 32px 85px rgba(7, 22, 41, 0.18) !important;
    min-width: 300px !important;
}

    .bti-dropdown.bti-mega-dropdown {
        padding: 18px !important;
        min-width: 560px !important;
        border-radius: 32px !important;
        background: rgba(255, 255, 255, 0.94) !important;
        backdrop-filter: blur(26px);
        -webkit-backdrop-filter: blur(26px);
        border: 1px solid rgba(37, 99, 235, 0.14) !important;
        box-shadow: 0 34px 90px rgba(7, 22, 41, 0.20) !important;
    }

.bti-mega-dropdown {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

    .bti-mega-dropdown .dropdown-item div {
        line-height: 1.3;
    }

.bti-dropdown, .bti-mega-dropdown {
    display: none !important;
}

.dropdown-menu.show.bti-dropdown, .dropdown-menu.show.bti-mega-dropdown {
    display: grid !important;
}

.nav-item.dropdown {
    position: relative;
}

.dropdown-menu.show.bti-mega-dropdown {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    min-width: 560px !important;
    padding: 18px !important;
    border-radius: 32px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 34px 90px rgba(7, 22, 41, 0.20) !important;
    margin-top: 14px !important;
}

.bti-menu .nav-item.dropdown:last-child .dropdown-menu, .bti-menu .nav-item.dropdown:nth-last-child(2) .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden !important;
}

.bti-navbar .dropdown-menu.show.bti-dropdown, .bti-navbar .dropdown-menu.show.bti-mega-dropdown {
    display: grid !important;
}

.bti-navbar .nav-item.dropdown {
    position: relative !important;
}

.ft-home-hero-v2, .ft-hero-profile-card, .home-profile-card {
    position: relative;
    z-index: 1 !important;
}

.bti-navbar .dropdown-menu.bti-dropdown, .bti-navbar .dropdown-menu.bti-mega-dropdown {
    display: none !important;
}

.bti-navbar .dropdown-menu.show.bti-mega-dropdown {
    display: grid !important;
}

.bti-menu .nav-item:nth-child(3) .dropdown-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-35%) !important;
}

.bti-menu .nav-item:nth-child(4) .dropdown-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-45%) !important;
}

.bti-menu .nav-item:nth-child(6) .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}

.bti-mega-dropdown li {
    list-style: none !important;
}

.bti-mega-dropdown .dropdown-item > i {
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    box-shadow: 0 16px 34px rgba(7, 22, 41, 0.18);
    width: 56px !important;
    height: 56px !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    flex-shrink: 0 !important;
}

.bti-mega-dropdown .dropdown-item strong {
    line-height: 1.2;
    display: block !important;
    color: #071629 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    margin-bottom: 5px !important;
    white-space: nowrap !important;
}

.bti-mega-dropdown .dropdown-item small {
    margin-top: 4px;
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.bti-mega-dropdown .dropdown-item:hover strong, .bti-mega-dropdown .dropdown-item:hover small {
    color: #ffffff !important;
}

.bti-mega-dropdown .dropdown-item:hover > i {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
}

.bti-topbar {
    color: #EAF2FF;
    font-size: 14px;
    padding: 8px 0;
    background: #071629 !important;
    border-bottom: 0 !important;
}

.bti-top-contact i, .bti-lang a.active, .bti-lang a:hover {
    color: #fbbf24 !important;
}

.bti-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-bottom: 3px solid #0ea5e9 !important;
    box-shadow: 0 18px 55px rgba(37, 99, 235, 0.16) !important;
    padding: 13px 0 !important;
}

    .bti-navbar .container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

.bti-brand {
    display: flex;
    align-items: center;
    color: var(--primary) !important;
    max-width: 285px !important;
    min-width: 260px !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    padding: 11px 18px !important;
    border-radius: 28px !important;
    background: rgba(248, 251, 255, 0.90) !important;
    border: 1px solid rgba(37, 99, 235, 0.22) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.10) !important;
}

.bti-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 19px !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 18px 35px rgba(37, 99, 235, 0.30) !important;
}

    .bti-logo i {
        font-size: 29px;
        color: #ffffff !important;
    }

.bti-brand-text strong {
    display: block;
    line-height: 1;
    letter-spacing: -0.4px;
    font-size: 21px !important;
    white-space: nowrap !important;
    color: #1d4ed8 !important;
    font-weight: 950 !important;
}

.bti-brand-text small {
    display: block;
    margin-top: 6px;
    font-size: 12px !important;
    white-space: nowrap !important;
    color: #64748b !important;
    font-weight: 800 !important;
}

.bti-menu {
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.bti-nav-link, .bti-nav-cta {
    position: relative;
    overflow: hidden;
    min-height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 17px !important;
    border-radius: 24px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.09) !important;
    transition: all 0.25s ease !important;
}

.bti-link-icon {
    transition: all 0.25s ease;
    flex-shrink: 0 !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 15px !important;
    background: rgba(37, 99, 235, 0.10) !important;
    color: #2563eb !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
}

.bti-nav-link::before, .bti-nav-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.48), transparent 35%), linear-gradient(135deg, #2563eb, #06b6d4);
    transition: opacity 0.25s ease;
}

.bti-nav-link > span, .bti-nav-cta > span, .bti-nav-link::after {
    position: relative;
    z-index: 1;
}

.bti-nav-link:hover, .bti-nav-link.active {
    background: linear-gradient(135deg, #f5b301, #ffd35a) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    color: #ffffff !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.28) !important;
}

    .bti-nav-link:hover::before, .bti-nav-link.active::before {
        opacity: 1 !important;
    }

    .bti-nav-link:hover .bti-link-icon, .bti-nav-link.active .bti-link-icon {
        background: rgba(255,255,255,0.20) !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.35) !important;
    }

.bti-menu .nav-item:nth-child(3) .bti-nav-link::before {
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.48), transparent 35%), linear-gradient(135deg, #7c3aed, #f59e0b) !important;
}

.bti-menu .nav-item:nth-child(4) .bti-nav-link::before {
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.42), transparent 35%), linear-gradient(135deg, #16a34a, #06b6d4) !important;
}

.bti-menu .nav-item:nth-child(5) .bti-nav-link::before {
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.48), transparent 35%), linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.bti-menu .nav-item:nth-child(6) .bti-nav-link::before {
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.48), transparent 35%), linear-gradient(135deg, #2563eb, #8b5cf6) !important;
}

.bti-nav-cta {
    position: relative;
    overflow: hidden;
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    font-weight: 950 !important;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(245, 179, 1, 0.25) !important;
    transition: all 0.25s ease !important;
    padding-right: 17px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #071629, #123869) !important;
    border-color: rgba(37, 99, 235, 0.20) !important;
    box-shadow: 0 22px 48px rgba(7, 22, 41, 0.32) !important;
}

    .bti-nav-cta .bti-link-icon {
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        color: #071629 !important;
        border: 0 !important;
    }

    .bti-nav-cta:hover {
        color: #ffffff !important;
        transform: translateY(-4px) !important;
        box-shadow: 0 30px 62px rgba(7, 22, 41, 0.40) !important;
    }

.ft-home-hero-v2 {
    padding: 70px 0 80px !important;
    min-height: auto !important;
    height: auto !important;
    background-size: 32px 32px, 32px 32px, auto, auto !important;
    position: relative;
    overflow: hidden !important;
    isolation: isolate;
    background: radial-gradient(circle at 78% 28%, rgba(6, 182, 212, 0.38), transparent 36%), radial-gradient(circle at 15% 8%, rgba(37, 99, 235, 0.18), transparent 32%), linear-gradient(135deg, #eef5ff 0%, #ffffff 48%, #dffbff 100%) !important;
}

.ft-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid rgba(245,179,1,0.45);
    font-weight: 950;
    margin-bottom: 24px;
    animation: ftSlideUp 0.7s ease both;
    background: rgba(220, 252, 231, 0.90) !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
    color: #047857 !important;
    box-shadow: 0 16px 36px rgba(16, 185, 129, 0.14) !important;
}

    .ft-hero-badge i {
        color: #059669 !important;
    }

.ft-hero-left h1 {
    font-size: clamp(42px, 5vw, 76px);
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: -2.5px;
    margin: 0 0 22px !important;
    animation: ftSlideUp 0.85s ease both;
    color: transparent !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0891b2 45%, #0f172a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.ft-hero-left p {
    font-size: 18px;
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 30px;
    animation: ftSlideUp 1s ease both;
    color: #475569 !important;
}

.ft-hero-btn.primary, .ft-product-btn, .ft-cta-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.30) !important;
}

.ft-hero-btn.secondary {
    color: #0f172a !important;
    background: rgba(255,255,255,0.90) !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.12) !important;
}

.ft-hero-profile-card {
    padding: 34px;
    border-radius: 34px;
    position: relative;
    overflow: hidden;
    animation: ftDashboardFloat 5.8s ease-in-out infinite;
    background: radial-gradient(circle at 88% 12%, rgba(14, 165, 233, 0.22), transparent 33%), linear-gradient(145deg, rgba(255,255,255,0.88), rgba(241,248,255,0.78)) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 38px 90px rgba(37, 99, 235, 0.16) !important;
}

.ft-profile-top span, .ft-section-title span, .ft-product-info span, .ft-cta-box span {
    color: #0284c7 !important;
}

.ft-profile-icon, .ft-service-icon, .ft-tool-card i {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
}

.ft-trust-row div, .ft-hero-mini-stats div {
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    transition: all 0.25s ease;
    background: rgba(255,255,255,0.86) !important;
    border-color: rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.10) !important;
}

.ft-trust-row i, .ft-profile-bottom i {
    color: #0ea5e9 !important;
}

.ft-facility-box, .ft-product-info, .ft-cta-box {
    background: radial-gradient(circle at 95% 90%, rgba(14, 165, 233, 0.22), transparent 34%), linear-gradient(135deg, #071629, #123869) !important;
}

.ft-home-services, .ft-home-tools {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 30%), #ffffff !important;
}

.ft-home-products, .ft-home-cta {
    background: radial-gradient(circle at top right, rgba(6, 182, 212, 0.12), transparent 34%), #f5faff !important;
}

.ft-service-card, .ft-product-card, .ft-tool-card {
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 22px 50px rgba(37, 99, 235, 0.09) !important;
}

    .ft-service-card:hover, .ft-product-card:hover, .ft-tool-card:hover {
        transform: translateY(-12px) !important;
        box-shadow: 0 34px 75px rgba(37, 99, 235, 0.18) !important;
    }

.ft-home-services .col-md-6:nth-child(1) .ft-service-icon {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.ft-home-services .col-md-6:nth-child(2) .ft-service-icon {
    background: linear-gradient(135deg, #16a34a, #06b6d4) !important;
}

.ft-home-services .col-md-6:nth-child(3) .ft-service-icon {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
}

.ft-product-card i {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 18px;
    background: rgba(219, 234, 254, 0.95) !important;
    color: #2563eb !important;
}

.bti-navbar .dropdown-menu.bti-mega-dropdown {
    position: absolute !important;
    top: 100% !important;
    z-index: 100000 !important;
    width: 520px !important;
    min-width: 520px !important;
    max-width: calc(100vw - 40px) !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
    margin-top: 12px !important;
    border-radius: 30px !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
    box-shadow: 0 34px 90px rgba(37, 99, 235, 0.22) !important;
}

.bti-mega-dropdown .dropdown-item {
    margin-bottom: 10px;
    height: 100%;
    min-height: 104px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 18px !important;
    margin: 0 !important;
    border-radius: 24px !important;
    color: #071629 !important;
    transition: all 0.25s ease !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.09) !important;
}

.bti-mega-dropdown li:nth-child(1) .dropdown-item > i {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.bti-mega-dropdown li:nth-child(2) .dropdown-item > i {
    background: linear-gradient(135deg, #22c55e, #14b8a6) !important;
}

.bti-mega-dropdown li:nth-child(3) .dropdown-item > i {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.bti-mega-dropdown li:nth-child(4) .dropdown-item > i {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
}

.bti-mega-dropdown li:nth-child(5) .dropdown-item > i {
    background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
}

.bti-mega-dropdown li:nth-child(6) .dropdown-item > i {
    background: linear-gradient(135deg, #db2777, #f97316) !important;
}

.bti-mega-dropdown .dropdown-item:hover {
    color: #ffffff !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 26px 60px rgba(37, 99, 235, 0.28) !important;
    background: radial-gradient(circle at 12% 12%, rgba(255,255,255,0.45), transparent 35%), linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.bti-menu .nav-item:nth-child(3) .bti-mega-dropdown .dropdown-item:hover {
    background: radial-gradient(circle at 12% 12%, rgba(255,255,255,0.45), transparent 35%), linear-gradient(135deg, #7c3aed, #f59e0b) !important;
}

.bti-menu .nav-item:nth-child(4) .bti-mega-dropdown .dropdown-item:hover {
    background: radial-gradient(circle at 12% 12%, rgba(255,255,255,0.45), transparent 35%), linear-gradient(135deg, #16a34a, #06b6d4) !important;
}

.bti-menu .nav-item:nth-child(6) .bti-mega-dropdown .dropdown-item:hover {
    background: radial-gradient(circle at 12% 12%, rgba(255,255,255,0.45), transparent 35%), linear-gradient(135deg, #2563eb, #8b5cf6) !important;
}

.bti-inner-hero {
    position: relative;
    overflow: hidden;
    padding: 82px 0;
    color: #ffffff;
    background: linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px), radial-gradient(circle at 82% 18%, rgba(6, 182, 212, 0.38), transparent 34%), radial-gradient(circle at 12% 90%, rgba(37, 99, 235, 0.30), transparent 30%), linear-gradient(135deg, #071629, #123869 55%, #075985) !important;
    background-size: 34px 34px, 34px 34px, auto, auto, auto !important;
    border-bottom: 3px solid #0ea5e9 !important;
}

    .bti-inner-hero span, .about-label, .bti-section-title span, .ft-section-title span, .deposit-info-card > span, .deposit-doc-top span, .loan-info-card > span, .loan-doc-top span, .services-info-card > span, .downloads-info-card > span, .branches-info-card > span, .notices-side-top span, .gallery-info-card > span, .management-info-card > span {
        color: #0ea5e9 !important;
    }

    .bti-inner-hero h1, .bti-inner-hero p {
        color: #ffffff !important;
    }

.about-main-section, .deposit-overview-section, .loan-overview-section, .services-main-section, .downloads-main-section, .branches-main-section, .notices-main-section, .gallery-main-section, .management-main-section, .contact-main-section {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.09), transparent 30%), #ffffff !important;
}

.about-values-section, .deposit-info-section, .loan-info-section, .services-highlight-section, .downloads-info-section, .branches-highlight-section, .notices-highlight-section, .gallery-highlight-section, .management-governance-section, .contact-info-section {
    background: radial-gradient(circle at top right, rgba(6, 182, 212, 0.12), transparent 34%), #f5faff !important;
}

.bti-section-title h2, .ft-section-title h2, .about-content-card h2, .deposit-info-card h2, .loan-info-card h2, .gallery-info-card h2, .management-info-card h2, .notices-side-top h3, .downloads-info-card h2, .branches-info-card h2 {
    color: #0f172a !important;
}

.bti-section-title p, .ft-section-title p, .about-content-card p, .deposit-info-card p, .loan-info-card p, .gallery-info-card p, .management-info-card p, .downloads-info-card p, .branches-info-card p {
    color: #64748b !important;
}

.bti-inner-card, .about-content-card, .about-value-card, .about-mission-card, .deposit-card, .deposit-info-card, .loan-card, .loan-info-card, .loan-step-card, .service-card, .services-card, .download-card, .downloads-card, .branch-card, .notice-item-card, .gallery-card, .gallery-info-card, .management-card, .management-info-card, .contact-form-card, .contact-info-card, .ft-service-card, .ft-product-card, .ft-tool-card {
    background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%), rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
}

    .bti-inner-card:hover, .about-value-card:hover, .deposit-card:hover, .loan-card:hover, .loan-step-card:hover, .download-card:hover, .downloads-card:hover, .branch-card:hover, .notice-item-card:hover, .gallery-card:hover, .management-card:hover, .ft-service-card:hover, .ft-product-card:hover, .ft-tool-card:hover {
        box-shadow: 0 34px 80px rgba(37, 99, 235, 0.18) !important;
    }

    .bti-inner-card > i, .about-value-card i, .deposit-icon, .loan-icon, .ft-service-icon, .ft-tool-card i, .notice-icon, .gallery-placeholder i, .management-photo-placeholder i, .contact-info-icon, .download-icon, .branch-icon, .service-icon {
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        color: #ffffff !important;
        box-shadow: 0 18px 36px rgba(37, 99, 235, 0.24) !important;
    }

.row .col-md-6:nth-child(2) .deposit-icon, .row .col-md-6:nth-child(2) .loan-icon, .row .col-md-6:nth-child(2) .service-icon, .row .col-md-6:nth-child(2) .download-icon, .row .col-md-6:nth-child(2) .branch-icon {
    background: linear-gradient(135deg, #22c55e, #14b8a6) !important;
}

.row .col-md-6:nth-child(3) .deposit-icon, .row .col-md-6:nth-child(3) .loan-icon, .row .col-md-6:nth-child(3) .service-icon, .row .col-md-6:nth-child(3) .download-icon, .row .col-md-6:nth-child(3) .branch-icon {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.row .col-md-6:nth-child(4) .deposit-icon, .row .col-md-6:nth-child(4) .loan-icon, .row .col-md-6:nth-child(4) .service-icon, .row .col-md-6:nth-child(4) .download-icon, .row .col-md-6:nth-child(4) .branch-icon {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
}

.deposit-badge, .loan-badge, .management-badge, .gallery-category, .notice-meta span, .download-status, .branch-status, .about-highlight-box, .deposit-benefits div, .loan-eligibility-list div, .gallery-benefit-list div, .management-points-list div {
    background: rgba(219, 234, 254, 0.95) !important;
    color: #1d4ed8 !important;
    border-color: rgba(37, 99, 235, 0.18) !important;
}

.notice-item-card.important, .deposit-card.featured, .loan-card.featured, .management-card.featured {
    border-color: rgba(14, 165, 233, 0.36) !important;
    box-shadow: 0 28px 70px rgba(14, 165, 233, 0.16) !important;
}

.about-visual-card, .deposit-doc-card, .loan-doc-card, .services-premium-panel, .downloads-premium-panel, .branches-premium-panel, .notices-side-panel, .gallery-upload-panel, .management-panel, .branch-map-card-top, .notice-highlight-box, .gallery-cta-box, .management-staff-box, .deposit-cta-box, .loan-cta-box, .about-cta-box, .services-cta-box, .downloads-cta-box, .branches-cta-box, .ft-product-info, .ft-cta-box {
    background: radial-gradient(circle at 90% 15%, rgba(6, 182, 212, 0.28), transparent 34%), linear-gradient(135deg, #071629, #123869 60%, #075985) !important;
    color: #ffffff !important;
    box-shadow: 0 34px 85px rgba(37, 99, 235, 0.20) !important;
}

    .about-visual-card h3, .deposit-doc-card h3, .loan-doc-card h3, .gallery-upload-panel h3, .management-panel h3, .notice-highlight-box h2, .gallery-cta-box h2, .management-staff-box h2, .deposit-cta-box h2, .loan-cta-box h2, .about-cta-box h2, .ft-product-info h2, .ft-cta-box h2 {
        color: #ffffff !important;
    }

    .about-visual-card p, .deposit-doc-list span, .loan-doc-list span, .gallery-setup-list span, .management-role-list span, .notice-highlight-box p, .gallery-cta-box p, .management-staff-box p, .deposit-cta-box p, .loan-cta-box p, .about-cta-box p, .ft-product-info p, .ft-cta-box p {
        color: #dbeafe !important;
    }

.about-visual-icon, .deposit-doc-icon, .loan-doc-icon, .gallery-panel-icon, .management-panel-icon, .notices-side-icon, .ft-facility-icon, .management-role-list strong, .gallery-setup-list strong {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 45px rgba(37, 99, 235, 0.30) !important;
}

.deposit-doc-list i, .loan-doc-list i, .about-info-list i, .notice-category-list i {
    background: rgba(14, 165, 233, 0.16) !important;
    color: #38bdf8 !important;
}

.about-cta-btn, .deposit-cta-btn, .loan-cta-btn, .service-cta-btn, .services-cta-btn, .downloads-cta-btn, .branches-cta-btn, .notice-contact-btn, .gallery-cta-btn, .management-contact-btn, .contact-submit-btn, .ft-product-btn, .ft-cta-btn, .download-btn, .branch-map-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    border: 0 !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.30) !important;
}

    .about-cta-btn:hover, .deposit-cta-btn:hover, .loan-cta-btn:hover, .service-cta-btn:hover, .services-cta-btn:hover, .downloads-cta-btn:hover, .branches-cta-btn:hover, .notice-contact-btn:hover, .gallery-cta-btn:hover, .management-contact-btn:hover, .contact-submit-btn:hover, .ft-product-btn:hover, .ft-cta-btn:hover, .download-btn:hover, .branch-map-btn:hover {
        color: #ffffff !important;
        transform: translateY(-3px);
        box-shadow: 0 30px 62px rgba(37, 99, 235, 0.38) !important;
    }

.contact-form-card input, .contact-form-card textarea, .contact-form-card select, .form-control, .form-select {
    border-color: rgba(37, 99, 235, 0.18) !important;
}

    .contact-form-card input:focus, .contact-form-card textarea:focus, .contact-form-card select:focus, .form-control:focus, .form-select:focus {
        border-color: rgba(14, 165, 233, 0.70) !important;
        box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.14) !important;
    }

.branch-map-card {
    overflow: hidden;
    height: 100%;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.12) !important;
}

.gallery-image-wrap, .management-photo-wrap, .admin-photo-empty, .gallery-placeholder {
    background: radial-gradient(circle at 90% 15%, rgba(6, 182, 212, 0.30), transparent 34%), linear-gradient(135deg, #071629, #123869) !important;
}

    .gallery-placeholder i, .management-photo-placeholder i, .branch-map-empty i {
        color: #38bdf8 !important;
    }

.notice-date-box {
    width: 68px;
    height: 76px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.24) !important;
}

    .notice-date-box span {
        font-size: 13px;
        font-weight: 900;
        text-transform: uppercase;
        margin-top: 5px;
        color: #dbeafe !important;
    }

.bti-footer {
    color: #DCE8F7;
    padding: 62px 0 22px;
    background: radial-gradient(circle at top right, rgba(6, 182, 212, 0.16), transparent 28%), linear-gradient(135deg, #030b16, #071629 65%, #075985) !important;
}

    .bti-footer a:hover, .bti-footer-reg {
        color: #38bdf8 !important;
    }

.management-staff-box p {
    margin: 0;
    color: #dbeafe !important;
}


/* =========================================================
   ANIMATIONS
========================================================= */


@keyframes btiDashboardFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-14px);
    }
}

@keyframes btiFloatCard {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-14px) rotate(-1deg);
    }
}

@keyframes btiOrbFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-18px) scale(1.04);
    }
}

@keyframes btiSlideUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ftDashboardFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-14px);
    }
}

@keyframes ftSmallFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(-2deg);
    }
}

@keyframes ftFloatOrbOne {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-18px, 20px) scale(1.05);
    }
}

@keyframes ftFloatOrbTwo {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(22px, -18px) scale(1.07);
    }
}

@keyframes ftSlideUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ftIconPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 24px 48px rgba(7,22,41,0.25);
    }

    50% {
        transform: scale(1.04);
        box-shadow: 0 30px 65px rgba(7,22,41,0.32);
    }
}


/* =========================================================
   RESPONSIVE RULES
========================================================= */


@media (max-width: 992px) {

    .bti-navbar {
        padding: 10px 0;
        background: rgba(255, 255, 255, 0.98) !important;
    }



    .bti-menu {
        gap: 7px !important;
        margin-top: 12px;
        padding-top: 12px;
    }



    .bti-hero {
        padding: 78px 0;
    }



    .bti-hero-content, .bti-dashboard-wrap {
        min-height: auto;
    }



    .bti-dashboard {
        margin-top: 28px;
    }



    .bti-floating-card {
        display: none;
    }



    .about-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .deposit-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .loan-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .services-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .admin-summary-row {
        grid-template-columns: 1fr;
    }



    .admin-table-card {
        padding: 18px;
    }



    .branches-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .notices-side-panel {
        position: relative;
        top: auto;
    }



    .notice-highlight-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .gallery-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .management-staff-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .ft-home-hero-v2 {
        padding: 45px 0 60px !important;
    }



    .ft-tool-grid {
        grid-template-columns: repeat(2, 1fr);
    }



    .ft-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }



    .bti-nav-link {
        padding: 10px 0 !important;
        text-align: left;
        display: block;
        margin: 4px 0;
        border-radius: 16px !important;
    }



    .bti-nav-cta {
        display: inline-flex;
        padding: 11px 22px !important;
        width: 100%;
        justify-content: center;
        margin-top: 8px;
    }



    .ft-hero-profile-card {
        animation: none;
    }



    .bti-brand {
        padding: 8px 12px;
        border-radius: 22px;
    }



    .bti-nav-link, .bti-nav-cta {
        width: 100%;
        justify-content: flex-start;
        min-height: 58px;
        border-radius: 20px !important;
        margin: 4px 0;
    }



    .bti-dropdown {
        background: rgba(246, 248, 252, 0.95) !important;
        min-width: 100% !important;
        margin-top: 6px !important;
        border-radius: 22px !important;
        box-shadow: none !important;
    }



        .bti-dropdown.bti-mega-dropdown {
            min-width: 100% !important;
            grid-template-columns: 1fr;
            border-radius: 24px !important;
            box-shadow: none !important;
        }



    .dropdown-menu.show.bti-mega-dropdown {
        grid-template-columns: 1fr !important;
        min-width: 100% !important;
        border-radius: 24px !important;
        box-shadow: none !important;
    }



    .bti-mega-dropdown .dropdown-item {
        min-height: 92px;
        border-radius: 20px !important;
    }
}

@media (max-width: 768px) {

    .bti-topbar .container {
        justify-content: center !important;
        text-align: center;
    }



    .bti-top-contact {
        justify-content: center;
        gap: 8px 14px;
    }



    .bti-brand-text strong {
        font-size: 18px;
    }



    .bti-logo {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }



    .bti-hero h1 {
        letter-spacing: -1px;
    }
}

@media (max-width: 576px) {

    .bti-hero {
        padding: 64px 0;
    }



        .bti-hero p {
            font-size: 16px;
        }



    .bti-hero-actions, .bti-btn {
        width: 100%;
    }



    .bti-btn {
        justify-content: center;
    }



    .bti-trust-row div {
        width: 100%;
    }



    .bti-dashboard {
        padding: 24px;
        border-radius: 26px;
    }



    .bti-dashboard-top {
        flex-direction: column;
    }



    .bti-mini-stats {
        grid-template-columns: 1fr;
    }



    .bti-list-item {
        align-items: flex-start;
    }



    .bti-ticker {
        border-radius: 18px;
    }



    .bti-product-chips {
        grid-template-columns: 1fr;
    }



    .bti-panel-main {
        flex-direction: column;
    }



    .bti-secure-strip {
        grid-template-columns: 1fr;
    }



    .about-content-card, .about-visual-card, .about-mission-card, .about-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



    .about-visual-top {
        flex-direction: column;
    }



    .about-highlight-box {
        align-items: flex-start;
    }



    .about-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .deposit-card, .deposit-info-card, .deposit-doc-card, .deposit-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



    .deposit-doc-top {
        flex-direction: column;
    }



    .deposit-warning-box {
        flex-direction: column;
    }



    .deposit-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .loan-card, .loan-info-card, .loan-doc-card, .loan-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



        .loan-card.horizontal {
            flex-direction: column;
        }



    .loan-doc-top {
        flex-direction: column;
    }



    .loan-warning-box {
        flex-direction: column;
    }



    .loan-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .services-card, .services-support-card, .services-premium-panel, .services-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



    .services-panel-top {
        flex-direction: column;
    }



    .services-warning-box {
        flex-direction: column;
    }



    .services-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .contact-info-panel, .contact-form-card, .contact-map-box {
        padding: 24px;
        border-radius: 26px;
    }



    .contact-panel-top {
        flex-direction: column;
    }



    .contact-submit-btn {
        width: 100%;
    }



    .calculator-card {
        padding: 24px;
        border-radius: 26px;
    }



    .calculator-card-top {
        align-items: flex-start;
    }



    .calculator-result div {
        flex-direction: column;
        align-items: flex-start;
    }



    .calculator-note-box {
        flex-direction: column;
    }



    .admin-login-card {
        padding: 26px;
        border-radius: 26px;
    }



    .admin-table-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }



    .download-card, .downloads-help-card, .downloads-doc-panel {
        padding: 24px;
        border-radius: 26px;
    }



    .downloads-panel-top, .downloads-warning-box {
        flex-direction: column;
    }



    .branch-card, .branches-support-card, .branches-premium-panel, .branches-map-box, .branches-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



    .branches-panel-top {
        flex-direction: column;
    }



    .branches-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .branches-map-content {
        padding: 24px;
    }



    .branches-map-frame {
        height: 320px;
    }



    .branches-map-btn {
        width: 100%;
        justify-content: center;
    }



    .branch-map-card-top {
        flex-direction: column;
    }



    .branch-map-frame {
        height: 280px;
    }



    .notice-item-card {
        flex-direction: column;
    }



    .notices-side-panel, .notice-highlight-box {
        padding: 24px;
        border-radius: 26px;
    }



    .notice-contact-btn {
        width: 100%;
        justify-content: center;
    }



    .gallery-card, .gallery-info-card, .gallery-upload-panel, .gallery-cta-box {
        border-radius: 26px;
    }



    .gallery-info-card, .gallery-upload-panel, .gallery-cta-box {
        padding: 24px;
    }



    .gallery-panel-top {
        flex-direction: column;
    }



    .gallery-image-wrap {
        height: 220px;
    }



    .gallery-cta-btn {
        width: 100%;
        justify-content: center;
    }



    .management-card, .management-info-card, .management-panel, .management-staff-box {
        border-radius: 26px;
    }



    .management-info-card, .management-panel, .management-staff-box {
        padding: 24px;
    }



    .management-photo-wrap {
        height: 220px;
    }



    .management-panel-top {
        flex-direction: column;
    }



    .management-contact-btn {
        width: 100%;
        justify-content: center;
    }



    .admin-notice-form-card, .admin-notice-list-card {
        padding: 22px;
        border-radius: 26px;
    }



    .admin-notice-item {
        flex-direction: column;
    }



    .admin-dashboard-card, .admin-quick-panel, .admin-stat-card {
        border-radius: 26px;
        padding: 22px;
    }



    .admin-dashboard-card-top, .admin-quick-top, .admin-latest-meta {
        flex-direction: column;
    }



    .admin-latest-item {
        flex-direction: column;
    }



    .admin-small-btn {
        width: 100%;
        justify-content: center;
    }



    .admin-upload-card {
        padding: 22px;
        border-radius: 26px;
    }



    .admin-upload-top {
        flex-direction: column;
    }



    .admin-photo-preview-grid {
        grid-template-columns: repeat(2, 1fr);
    }



    .admin-upload-actions a {
        width: 100%;
        justify-content: center;
    }



    .ft-home-hero-v2 {
        padding: 35px 0 45px !important;
    }



    .ft-hero-profile-card, .ft-product-info, .ft-cta-box {
        padding: 24px;
        border-radius: 26px;
    }



    .ft-profile-top {
        flex-direction: column;
    }



    .ft-trust-row {
        grid-template-columns: 1fr;
    }



    .ft-facility-icon {
        position: static;
        margin-top: 18px;
    }



    .ft-hero-btn, .ft-cta-btn, .ft-product-btn {
        width: 100%;
        justify-content: center;
    }



    .ft-tool-grid {
        grid-template-columns: 1fr;
    }



    .admin-management-card {
        border-radius: 26px;
    }



    .admin-management-form {
        padding: 20px;
    }



    .admin-management-checks {
        align-items: flex-start;
        flex-direction: column;
    }



    .ft-home-hero-v2::before {
        width: 210px;
        height: 210px;
        right: -90px;
        top: 40px;
    }



    .ft-home-hero-v2::after {
        width: 170px;
        height: 170px;
        left: -80px;
        bottom: 70px;
    }



    .bti-brand-text strong {
        font-size: 17px !important;
    }



    .bti-brand-text small {
        font-size: 11px !important;
    }



    .bti-link-icon {
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }



    .bti-mega-dropdown .dropdown-item {
        padding: 16px !important;
    }



        .bti-mega-dropdown .dropdown-item > i {
            width: 50px !important;
            height: 50px !important;
            border-radius: 17px !important;
            font-size: 22px !important;
        }



        .bti-mega-dropdown .dropdown-item strong {
            font-size: 15px;
        }



        .bti-mega-dropdown .dropdown-item small {
            font-size: 12px;
        }
}

@media (min-width: 1200px) and (max-width: 1400px) {

    .bti-navbar .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }



    .bti-menu {
        gap: 5px !important;
    }



    .bti-brand {
        min-width: 225px !important;
        padding: 8px 11px !important;
        max-width: 250px !important;
    }



    .bti-logo {
        width: 46px !important;
        height: 46px !important;
    }



    .bti-brand-text strong {
        font-size: 18px !important;
    }



    .bti-brand-text small {
        font-size: 11px !important;
    }



    .bti-nav-link, .bti-nav-cta {
        min-height: 54px !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        gap: 7px !important;
    }



    .bti-link-icon {
        font-size: 15px !important;
        width: 35px !important;
        height: 35px !important;
    }
}

@media (max-width: 1199px) {

    .bti-menu {
        flex-wrap: wrap !important;
        gap: 7px !important;
        padding-top: 12px !important;
    }



    .bti-nav-link, .bti-nav-cta {
        width: 100% !important;
        justify-content: flex-start !important;
    }



    .bti-brand {
        min-width: auto !important;
        max-width: 75% !important;
    }
}

@media (min-width: 992px) {

    .bti-navbar .nav-item.dropdown:hover > .dropdown-menu.bti-dropdown, .bti-navbar .nav-item.dropdown:hover > .dropdown-menu.bti-mega-dropdown {
        display: grid !important;
    }



    .bti-navbar .nav-item.dropdown:hover > .dropdown-menu.bti-mega-dropdown {
        display: grid !important;
    }
}

@media (max-width: 991px) {

    .bti-mega-dropdown .dropdown-item {
        min-height: 90px !important;
        border-radius: 20px !important;
    }



    .bti-navbar .dropdown-menu.bti-mega-dropdown {
        position: static !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        border-radius: 22px !important;
        margin-top: 6px !important;
        box-shadow: none !important;
    }



    .bti-menu .nav-item:nth-child(3) .dropdown-menu, .bti-menu .nav-item:nth-child(4) .dropdown-menu, .bti-menu .nav-item:nth-child(6) .dropdown-menu {
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
}

/* =========================
   MARATHI HOME HERO TEXT FIX
========================= */

html[lang="mr"] .ft-hero-left h1 {
    font-size: clamp(42px, 4.7vw, 72px) !important;
    line-height: 1.12 !important;
    letter-spacing: -1.2px !important;
    max-width: 720px !important;
}

html[lang="mr"] .ft-hero-left p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    max-width: 720px !important;
}

@media (max-width: 992px) {
    html[lang="mr"] .ft-hero-left h1 {
        font-size: 46px !important;
    }
}

@media (max-width: 576px) {
    html[lang="mr"] .ft-hero-left h1 {
        font-size: 34px !important;
        line-height: 1.18 !important;
    }
}

/* =========================================================
   HOME PAGE FINAL SCALE + WIDTH FIX
========================================================= */

.ft-home-hero-v2 .container,
.ft-home-services .container,
.ft-home-products .container,
.ft-home-tools .container,
.ft-home-cta .container {
    max-width: 1240px !important;
}

.ft-home-hero-v2 {
    min-height: 620px !important;
    display: flex !important;
    align-items: center !important;
    padding: 80px 0 !important;
}

.ft-home-services,
.ft-home-products,
.ft-home-tools {
    padding: 95px 0 !important;
}

.ft-hero-left h1 {
    font-size: clamp(46px, 5.4vw, 82px) !important;
    line-height: 1.08 !important;
    max-width: 760px !important;
}

html[lang="mr"] .ft-hero-left h1 {
    font-size: clamp(44px, 5vw, 74px) !important;
    line-height: 1.12 !important;
    max-width: 780px !important;
}

.ft-hero-left p {
    font-size: 20px !important;
    max-width: 720px !important;
}

.ft-hero-profile-card {
    max-width: 560px !important;
    margin-left: auto !important;
}

.ft-service-card,
.ft-product-card,
.ft-tool-card {
    min-height: 190px !important;
}

.ft-tool-grid {
    max-width: 900px !important;
    margin: 0 auto !important;
}

.ft-section-title {
    max-width: 820px !important;
}

    .ft-section-title h2 {
        font-size: clamp(34px, 3.4vw, 52px) !important;
    }

/* Header slightly bigger but safe */
.bti-navbar .container {
    max-width: 1320px !important;
}

.bti-brand {
    min-width: 255px !important;
}

.bti-nav-link,
.bti-nav-cta {
    min-height: 58px !important;
}

/* =========================================================
   HOME MORE TOOLS TEXT SIZE FIX
========================================================= */

.ft-home-tools {
    padding: 85px 0 !important;
    background: radial-gradient(circle at top right, rgba(6, 182, 212, 0.10), transparent 34%), #ffffff !important;
}

    /* Section title normal size */
    .ft-home-tools .ft-section-title {
        max-width: 760px !important;
        margin: 0 auto 42px !important;
        text-align: center !important;
    }

        .ft-home-tools .ft-section-title span {
            display: inline-block !important;
            color: #0284c7 !important;
            font-size: 13px !important;
            font-weight: 950 !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            margin-bottom: 8px !important;
        }

        .ft-home-tools .ft-section-title h2 {
            color: #0f172a !important;
            font-size: clamp(30px, 3vw, 46px) !important;
            line-height: 1.16 !important;
            font-weight: 950 !important;
            margin: 8px 0 12px !important;
            letter-spacing: -0.8px !important;
        }

        .ft-home-tools .ft-section-title p {
            color: #64748b !important;
            font-size: 17px !important;
            line-height: 1.75 !important;
            font-weight: 600 !important;
            max-width: 720px !important;
            margin: 0 auto !important;
        }

/* Tool grid */
.ft-tool-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* Tool cards */
.ft-tool-card {
    min-height: 150px !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 22px 50px rgba(37, 99, 235, 0.10) !important;
    color: #0f172a !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    overflow: hidden !important;
}

    .ft-tool-card i {
        width: 58px !important;
        height: 58px !important;
        border-radius: 20px !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 26px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }

    /* Main issue fix: card label size */
    .ft-tool-card span {
        display: block !important;
        color: #0f172a !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 950 !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .ft-tool-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 34px 75px rgba(37, 99, 235, 0.18) !important;
    }

/* Mobile */
@media (max-width: 992px) {
    .ft-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .ft-tool-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-home-tools .ft-section-title h2 {
        font-size: 28px !important;
    }

    .ft-home-tools .ft-section-title p {
        font-size: 15px !important;
    }
}

/* =========================================================
   HOME TOOLS PREMIUM SECTION FINAL FIX
========================================================= */

.ft-home-tools {
    padding: 72px 0 76px !important;
    background: radial-gradient(circle at 15% 20%, rgba(37, 99, 235, 0.10), transparent 28%), radial-gradient(circle at 88% 30%, rgba(6, 182, 212, 0.14), transparent 30%), linear-gradient(135deg, #ffffff 0%, #f5faff 100%) !important;
}

    .ft-home-tools .container {
        max-width: 1180px !important;
    }

.ft-tools-premium-wrap {
    position: relative;
    overflow: hidden;
    padding: 46px;
    border-radius: 38px;
    background: radial-gradient(circle at 90% 12%, rgba(6, 182, 212, 0.18), transparent 32%), rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(37, 99, 235, 0.14);
    box-shadow: 0 34px 90px rgba(37, 99, 235, 0.13);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

    .ft-tools-premium-wrap::before {
        content: "";
        position: absolute;
        width: 240px;
        height: 240px;
        right: -90px;
        top: -100px;
        border-radius: 50%;
        background: rgba(6, 182, 212, 0.18);
    }

    .ft-tools-premium-wrap::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        left: -80px;
        bottom: -90px;
        border-radius: 50%;
        background: rgba(37, 99, 235, 0.12);
    }

.ft-tools-title {
    position: relative;
    z-index: 1;
    max-width: 760px !important;
    margin: 0 auto 34px !important;
    text-align: center !important;
}

    .ft-tools-title span {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(219, 234, 254, 0.85);
        color: #2563eb !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        margin-bottom: 12px !important;
    }

    .ft-tools-title h2 {
        color: #0f172a !important;
        font-size: clamp(30px, 3.2vw, 46px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        margin: 0 0 12px !important;
        letter-spacing: -0.9px !important;
    }

    .ft-tools-title p {
        color: #64748b !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 650 !important;
        margin: 0 auto !important;
        max-width: 680px !important;
    }

.ft-tool-grid {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.ft-tool-card {
    min-height: 155px !important;
    padding: 24px 20px !important;
    border-radius: 28px !important;
    background: radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.10), transparent 32%), #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.10) !important;
    color: #0f172a !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

    .ft-tool-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 34px 75px rgba(37, 99, 235, 0.18) !important;
        border-color: rgba(6, 182, 212, 0.32) !important;
    }

.ft-tool-icon {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.25);
}

.ft-tool-card:nth-child(2) .ft-tool-icon {
    background: linear-gradient(135deg, #2563eb, #8b5cf6);
}

.ft-tool-card:nth-child(3) .ft-tool-icon {
    background: linear-gradient(135deg, #16a34a, #06b6d4);
}

.ft-tool-card:nth-child(4) .ft-tool-icon {
    background: linear-gradient(135deg, #f97316, #f59e0b);
}

.ft-tool-card strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    margin: 0 0 5px !important;
    text-align: left !important;
    white-space: normal !important;
}

.ft-tool-card small {
    display: block !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    text-align: left !important;
}

/* Old span label override, duplicate/gigantic text fix */
.ft-tool-card > span {
    display: none !important;
}

/* CTA spacing after tools */
.ft-home-cta {
    padding: 58px 0 82px !important;
}

    .ft-home-cta .container {
        max-width: 1180px !important;
    }

.ft-cta-box {
    max-width: 100% !important;
    padding: 38px 42px !important;
    border-radius: 34px !important;
}

/* Responsive */
@media (max-width: 992px) {
    .ft-tools-premium-wrap {
        padding: 34px;
    }

    .ft-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .ft-home-tools {
        padding: 52px 0 58px !important;
    }

    .ft-tools-premium-wrap {
        padding: 24px;
        border-radius: 28px;
    }

    .ft-tool-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-tool-card {
        min-height: 125px !important;
    }

    .ft-tools-title h2 {
        font-size: 28px !important;
    }

    .ft-tools-title p {
        font-size: 15px !important;
    }
}

/* =========================================================
   HOME PRODUCT CARDS ONE LINE PREMIUM FIX
========================================================= */

.ft-home-products {
    padding: 80px 0 !important;
    background: radial-gradient(circle at 12% 20%, rgba(37, 99, 235, 0.10), transparent 30%), radial-gradient(circle at 88% 30%, rgba(6, 182, 212, 0.16), transparent 34%), linear-gradient(135deg, #f5faff 0%, #ffffff 48%, #eefbff 100%) !important;
}

    .ft-home-products .container {
        max-width: 1240px !important;
    }

    /* Product info वर full width मध्ये */
    .ft-home-products .row.align-items-center > .col-lg-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 28px !important;
    }

.ft-product-info {
    max-width: 100% !important;
    min-height: auto !important;
    padding: 34px 40px !important;
    border-radius: 34px !important;
    background: radial-gradient(circle at 90% 20%, rgba(6, 182, 212, 0.28), transparent 34%), linear-gradient(135deg, #071629, #123869 65%, #075985) !important;
    box-shadow: 0 30px 80px rgba(37, 99, 235, 0.20) !important;
}

/* Cards area full width */
.ft-home-products .row.align-items-center > .col-lg-7 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 4 cards एकाच line मध्ये */
.ft-home-products .col-lg-7 > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
}

    .ft-home-products .col-lg-7 > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
        padding: 0 !important;
    }

/* Premium card look */
.ft-product-card {
    position: relative;
    overflow: hidden;
    min-height: 245px !important;
    padding: 28px 24px !important;
    border-radius: 30px !important;
    background: radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.14), transparent 34%), rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(37, 99, 235, 0.15) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.12), inset 0 1px 0 rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: all 0.28s ease !important;
}

    .ft-product-card::before {
        content: "";
        position: absolute;
        width: 140px;
        height: 140px;
        right: -65px;
        top: -65px;
        border-radius: 50%;
        background: rgba(6, 182, 212, 0.16);
        transition: all 0.28s ease;
    }

    .ft-product-card:hover {
        transform: translateY(-10px) !important;
        border-color: rgba(6, 182, 212, 0.36) !important;
        box-shadow: 0 38px 90px rgba(37, 99, 235, 0.22), inset 0 1px 0 rgba(255,255,255,0.90) !important;
    }

        .ft-product-card:hover::before {
            transform: scale(1.35);
        }

    /* Icon */
    .ft-product-card i {
        position: relative;
        z-index: 1;
        width: 62px !important;
        height: 62px !important;
        border-radius: 22px !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 28px !important;
        margin-bottom: 24px !important;
        box-shadow: 0 18px 38px rgba(37, 99, 235, 0.28) !important;
    }

/* Different colours */
.ft-home-products .col-lg-7 > .row > div:nth-child(2) .ft-product-card i {
    background: linear-gradient(135deg, #16a34a, #06b6d4) !important;
}

.ft-home-products .col-lg-7 > .row > div:nth-child(3) .ft-product-card i {
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
}

.ft-home-products .col-lg-7 > .row > div:nth-child(4) .ft-product-card i {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.ft-product-card h4 {
    position: relative;
    z-index: 1;
    color: #0f172a !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
}

.ft-product-card p {
    position: relative;
    z-index: 1;
    color: #64748b !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 650 !important;
    margin: 0 !important;
}

/* Tablet: 2 per line */
@media (max-width: 992px) {
    .ft-home-products .col-lg-7 > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ft-product-card {
        min-height: 220px !important;
    }
}

/* Mobile: 1 per line */
@media (max-width: 576px) {
    .ft-product-info {
        padding: 26px !important;
        border-radius: 28px !important;
    }

    .ft-home-products .col-lg-7 > .row {
        grid-template-columns: 1fr !important;
    }

    .ft-product-card {
        min-height: 190px !important;
    }
}
/* =========================================================
   HOME HERO - HEAD OFFICE PREMIUM BACKGROUND
========================================================= */

.ft-home-hero-v2 {
    position: relative;
    overflow: hidden;
    min-height: 720px !important;
    padding: 95px 0 !important;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(241, 245, 255, 0.94) 0%, rgba(241, 245, 255, 0.88) 34%, rgba(241, 245, 255, 0.55) 58%, rgba(241, 245, 255, 0.28) 100%), linear-gradient(135deg, rgba(7, 22, 41, 0.18), rgba(6, 182, 212, 0.10)), url('/images/hero/head-office.png') center center / cover no-repeat !important;
}

    /* Left side readability */
    .ft-home-hero-v2::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(245, 248, 255, 0.95) 0%, rgba(245, 248, 255, 0.90) 24%, rgba(245, 248, 255, 0.74) 46%, rgba(245, 248, 255, 0.35) 68%, rgba(245, 248, 255, 0.08) 100%);
        z-index: 0;
    }

    /* Premium color glow */
    .ft-home-hero-v2::after {
        content: "";
        position: absolute;
        width: 430px;
        height: 430px;
        right: 6%;
        top: 8%;
        border-radius: 50%;
        background: rgba(163, 230, 53, 0.18);
        filter: blur(32px);
        z-index: 0;
    }

    /* Hero content वर ठेव */
    .ft-home-hero-v2 .container {
        position: relative;
        z-index: 2;
        max-width: 1240px !important;
    }

/* Hero left content */
.ft-hero-left {
    position: relative;
    z-index: 2;
}

.ft-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    border-radius: 999px;
    background: rgba(220, 252, 231, 0.92) !important;
    border: 1px solid rgba(34, 197, 94, 0.26) !important;
    color: #047857 !important;
    box-shadow: 0 16px 36px rgba(34, 197, 94, 0.12) !important;
}

.ft-hero-left h1 {
    max-width: 700px !important;
    font-size: clamp(54px, 5.7vw, 88px) !important;
    line-height: 1.03 !important;
    font-weight: 950 !important;
    letter-spacing: -1.8px !important;
    margin: 22px 0 18px !important;
    color: transparent !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0891b2 42%, #0f172a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

html[lang="mr"] .ft-hero-left h1 {
    font-size: clamp(44px, 5vw, 72px) !important;
    line-height: 1.12 !important;
    max-width: 760px !important;
}

.ft-hero-left p {
    max-width: 720px !important;
    font-size: 20px !important;
    line-height: 1.8 !important;
    color: #475569 !important;
    font-weight: 600 !important;
}

/* Hero buttons */
.ft-hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.ft-hero-btn.primary {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.28) !important;
}

.ft-hero-btn.secondary {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #0f172a !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.10) !important;
}

/* Mini stats */
.ft-hero-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 440px;
    margin-top: 28px;
}

    .ft-hero-mini-stats div {
        padding: 16px 14px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82) !important;
        border: 1px solid rgba(37, 99, 235, 0.12) !important;
        box-shadow: 0 16px 36px rgba(37, 99, 235, 0.08) !important;
    }

    .ft-hero-mini-stats strong {
        display: block;
        color: #0f172a;
        font-size: 17px;
        font-weight: 950;
    }

    .ft-hero-mini-stats span {
        display: block;
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        margin-top: 3px;
    }

/* Right profile card */
.ft-hero-profile-card {
    position: relative;
    z-index: 2;
    max-width: 560px !important;
    margin-left: auto !important;
    border-radius: 38px !important;
    background: radial-gradient(circle at 88% 12%, rgba(14, 165, 233, 0.16), transparent 32%), rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 38px 90px rgba(37, 99, 235, 0.16) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Mobile */
@media (max-width: 992px) {
    .ft-home-hero-v2 {
        min-height: auto !important;
        padding: 70px 0 !important;
        background-position: center center !important;
    }

        .ft-home-hero-v2::before {
            background: linear-gradient(180deg, rgba(245, 248, 255, 0.96) 0%, rgba(245, 248, 255, 0.86) 48%, rgba(245, 248, 255, 0.58) 100%);
        }

    .ft-hero-left h1 {
        font-size: 48px !important;
        line-height: 1.1 !important;
    }

    html[lang="mr"] .ft-hero-left h1 {
        font-size: 40px !important;
    }

    .ft-hero-left p {
        font-size: 17px !important;
    }

    .ft-hero-mini-stats {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .ft-hero-profile-card {
        margin-top: 28px !important;
    }
}

@media (max-width: 576px) {
    .ft-home-hero-v2 {
        padding: 56px 0 !important;
    }

    .ft-hero-left h1 {
        font-size: 36px !important;
    }

    html[lang="mr"] .ft-hero-left h1 {
        font-size: 32px !important;
    }
}

.ft-home-hero-v2 {
    background: linear-gradient(90deg, rgba(245,248,255,0.96) 0%, rgba(245,248,255,0.90) 36%, rgba(245,248,255,0.58) 58%, rgba(245,248,255,0.20) 100%), url('/images/hero/head-office.png') center center / cover no-repeat !important;
}

/* =========================================================
   HERO PROFILE CARD - BUILDING VISIBILITY FIX
========================================================= */

.ft-hero-profile-card {
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 28px !important;
    border-radius: 32px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 28px 70px rgba(37, 99, 235, 0.15) !important;
}

/* Card थोडा उजवीकडे आणि वर compact */
.ft-home-hero-v2 .col-lg-6:last-child {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Top profile compact */
.ft-profile-top {
    margin-bottom: 22px !important;
}

    .ft-profile-top h2 {
        font-size: 32px !important;
        margin: 8px 0 4px !important;
    }

    .ft-profile-top p {
        font-size: 18px !important;
    }

.ft-profile-icon {
    width: 70px !important;
    height: 70px !important;
    border-radius: 22px !important;
    font-size: 34px !important;
}

/* Secure / Trusted boxes compact */
.ft-trust-row {
    gap: 12px !important;
    margin-bottom: 18px !important;
}

    .ft-trust-row div {
        min-height: 54px !important;
        font-size: 14px !important;
    }

/* Facility box compact */
.ft-facility-box {
    padding: 22px !important;
    border-radius: 24px !important;
}

    .ft-facility-box h3 {
        font-size: 24px !important;
    }

    .ft-facility-box p {
        font-size: 14px !important;
    }

.ft-facility-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    font-size: 24px !important;
}

/* Contact info card मध्ये कमी जागा */
.ft-profile-bottom {
    margin-top: 16px !important;
    gap: 8px !important;
}

    .ft-profile-bottom div {
        font-size: 14px !important;
    }

/* Desktop वर building जास्त दिसावी म्हणून profile card थोडा transparent */
@media (min-width: 992px) {
    .ft-hero-profile-card {
        transform: translateX(18px) !important;
    }
}

/* Mobile ला normal */
@media (max-width: 992px) {
    .ft-hero-profile-card {
        max-width: 100% !important;
        transform: none !important;
        background: rgba(255, 255, 255, 0.88) !important;
    }
}

/* =========================================================
   ADMIN COMMON LAYOUT + SIDEBAR PREMIUM
========================================================= */

.admin-shell-body {
    margin: 0;
    background: radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.10), transparent 30%), radial-gradient(circle at 88% 18%, rgba(6, 182, 212, 0.13), transparent 30%), #f5faff;
    overflow-x: hidden;
}

.admin-app-shell {
    min-height: 100vh;
    display: flex;
}

/* Sidebar */

.admin-sidebar {
    width: 292px;
    min-height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    padding: 22px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 12%, rgba(6, 182, 212, 0.22), transparent 32%), linear-gradient(180deg, #071629, #123869 62%, #075985);
    box-shadow: 0 30px 80px rgba(7, 22, 41, 0.28);
}

.admin-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
}

.admin-sidebar-logo {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 20px 42px rgba(37, 99, 235, 0.35);
}

.admin-sidebar-brand strong {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.1;
}

.admin-sidebar-brand small {
    color: #bfdbfe;
    font-weight: 750;
}

.admin-user-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border-radius: 22px;
    background: rgba(255,255,255,0.09);
    border: 1px solid rgba(255,255,255,0.14);
    margin-bottom: 22px;
}

.admin-user-avatar {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255,255,255,0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    font-size: 23px;
    flex-shrink: 0;
}

.admin-user-card strong {
    display: block;
    color: #ffffff;
    font-weight: 950;
}

.admin-user-card small {
    color: #dbeafe;
    font-size: 12px;
    font-weight: 700;
}

/* Menu */

.admin-side-menu {
    display: grid;
    gap: 10px;
}

    .admin-side-menu a {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 14px 15px;
        border-radius: 18px;
        color: #dbeafe;
        text-decoration: none;
        font-weight: 850;
        background: rgba(255,255,255,0.07);
        border: 1px solid rgba(255,255,255,0.10);
        transition: all 0.24s ease;
    }

        .admin-side-menu a i {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            background: rgba(56, 189, 248, 0.13);
            color: #38bdf8;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

        .admin-side-menu a:hover,
        .admin-side-menu a.active {
            color: #ffffff;
            background: linear-gradient(135deg, #2563eb, #06b6d4);
            border-color: rgba(255,255,255,0.25);
            transform: translateX(5px);
            box-shadow: 0 18px 40px rgba(37, 99, 235, 0.25);
        }

            .admin-side-menu a:hover i,
            .admin-side-menu a.active i {
                background: rgba(255,255,255,0.18);
                color: #ffffff;
            }

/* Logout */

.admin-sidebar-logout {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
}

    .admin-sidebar-logout button {
        width: 100%;
        min-height: 52px;
        border: 0;
        border-radius: 18px;
        color: #071629;
        background: linear-gradient(135deg, #fbbf24, #f59e0b);
        font-weight: 950;
        box-shadow: 0 20px 42px rgba(245, 158, 11, 0.25);
    }

/* Main Area */

.admin-main-area {
    width: calc(100% - 292px);
    margin-left: 292px;
    min-height: 100vh;
}

.admin-top-header {
    position: sticky;
    top: 0;
    z-index: 900;
    min-height: 86px;
    padding: 18px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: rgba(255,255,255,0.82);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border-bottom: 1px solid rgba(37, 99, 235, 0.14);
    box-shadow: 0 18px 45px rgba(37, 99, 235, 0.08);
}

    .admin-top-header span {
        color: #0284c7;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .admin-top-header h1 {
        color: #0f172a;
        font-size: 28px;
        font-weight: 950;
        margin: 4px 0 0;
    }

.admin-menu-toggle {
    display: none;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    font-size: 24px;
}

.admin-top-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-radius: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #071629, #123869);
    text-decoration: none;
    font-weight: 950;
    box-shadow: 0 18px 40px rgba(7, 22, 41, 0.18);
}

.admin-content-area {
    padding: 30px 32px 42px;
}

/* Existing admin pages adjust inside new layout */

.admin-app-shell .bti-inner-hero.admin-hero {
    display: none !important;
}

.admin-app-shell .admin-dashboard-section,
.admin-app-shell .admin-notice-section,
.admin-app-shell .admin-upload-section,
.admin-app-shell .admin-management-section,
.admin-app-shell .admin-enquiry-section {
    padding: 0 !important;
    background: transparent !important;
}

    .admin-app-shell .admin-dashboard-section .container,
    .admin-app-shell .admin-notice-section .container,
    .admin-app-shell .admin-upload-section .container,
    .admin-app-shell .admin-management-section .container,
    .admin-app-shell .admin-enquiry-section .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

/* If Enquiries page uses different section name */
.admin-app-shell section[class*="admin"] .container {
    max-width: 100% !important;
}

/* Cards polish */

.admin-app-shell .admin-dashboard-card,
.admin-app-shell .admin-quick-panel,
.admin-app-shell .admin-stat-card,
.admin-app-shell .admin-notice-form-card,
.admin-app-shell .admin-notice-list-card,
.admin-app-shell .admin-upload-card,
.admin-app-shell .admin-management-card,
.admin-app-shell .admin-enquiry-card,
.admin-app-shell .admin-table-card {
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
}

/* Mobile */

@media (max-width: 992px) {
    .admin-sidebar {
        transform: translateX(-105%);
        transition: all 0.25s ease;
    }

        .admin-sidebar.show {
            transform: translateX(0);
        }

    .admin-main-area {
        width: 100%;
        margin-left: 0;
    }

    .admin-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .admin-top-header {
        padding: 16px 20px;
    }

    .admin-content-area {
        padding: 22px 18px 34px;
    }
}

@media (max-width: 576px) {
    .admin-top-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-top-actions {
        width: 100%;
    }

        .admin-top-actions a {
            width: 100%;
            justify-content: center;
        }

    .admin-top-header h1 {
        font-size: 24px;
    }
}

/* =========================================================
   ADMIN DASHBOARD PREMIUM UI
========================================================= */

.admin-welcome-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 34px;
    border-radius: 34px;
    background: radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.28), transparent 34%), linear-gradient(135deg, #071629, #123869 64%, #075985);
    box-shadow: 0 28px 80px rgba(37, 99, 235, 0.20);
    margin-bottom: 24px;
}

    .admin-welcome-card::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        right: -90px;
        bottom: -120px;
        border-radius: 50%;
        background: rgba(34, 197, 94, 0.18);
    }

.admin-small-label {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: #a7f3d0;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.admin-welcome-card h2 {
    position: relative;
    color: #ffffff;
    font-size: 34px;
    font-weight: 950;
    margin: 14px 0 8px;
}

.admin-welcome-card p {
    position: relative;
    color: #dbeafe;
    max-width: 620px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 650;
    margin: 0;
}

.admin-welcome-icon {
    position: relative;
    width: 92px;
    height: 92px;
    border-radius: 30px;
    background: rgba(255,255,255,0.14);
    color: #67e8f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    flex-shrink: 0;
}

/* Stats */

.admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.admin-stat-card {
    position: relative;
    overflow: hidden;
    min-height: 185px;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 22px 58px rgba(37, 99, 235, 0.10);
    transition: all 0.25s ease;
}

    .admin-stat-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 34px 80px rgba(37, 99, 235, 0.16);
    }

.admin-stat-icon {
    width: 58px;
    height: 58px;
    border-radius: 21px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 20px;
}

.stat-blue .admin-stat-icon {
    background: linear-gradient(135deg, #2563eb, #06b6d4);
}

.stat-green .admin-stat-icon {
    background: linear-gradient(135deg, #16a34a, #22c55e);
}

.stat-orange .admin-stat-icon {
    background: linear-gradient(135deg, #f97316, #f59e0b);
}

.stat-purple .admin-stat-icon {
    background: linear-gradient(135deg, #7c3aed, #ec4899);
}

.admin-stat-card span {
    color: #64748b;
    font-size: 13px;
    font-weight: 850;
}

.admin-stat-card h3 {
    color: #0f172a;
    font-size: 34px;
    font-weight: 950;
    margin: 4px 0 10px;
}

.admin-stat-card a {
    color: #0284c7;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
}

/* Panels */

.admin-panel-card {
    height: 100%;
    padding: 26px;
    border-radius: 30px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
}

.admin-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

    .admin-panel-head span {
        color: #0284c7;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    .admin-panel-head h3 {
        color: #0f172a;
        font-size: 24px;
        font-weight: 950;
        margin: 4px 0 0;
    }

    .admin-panel-head a {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 10px 14px;
        border-radius: 14px;
        color: #ffffff;
        background: linear-gradient(135deg, #2563eb, #06b6d4);
        text-decoration: none;
        font-size: 13px;
        font-weight: 950;
    }

/* Recent Enquiries */

.admin-recent-list {
    display: grid;
    gap: 12px;
}

.admin-recent-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 20px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.10);
}

.admin-recent-avatar {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.admin-recent-info {
    flex: 1;
}

    .admin-recent-info strong {
        display: block;
        color: #0f172a;
        font-weight: 950;
    }

    .admin-recent-info span {
        display: block;
        color: #64748b;
        font-size: 13px;
        font-weight: 750;
    }

    .admin-recent-info small {
        display: inline-flex;
        margin-top: 5px;
        padding: 5px 9px;
        border-radius: 999px;
        color: #047857;
        background: #dcfce7;
        font-weight: 850;
    }

.admin-recent-date {
    color: #64748b;
    font-size: 13px;
    font-weight: 850;
}

/* Quick Actions */

.admin-quick-grid {
    display: grid;
    gap: 14px;
}

.admin-quick-action {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 22px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.10);
    text-decoration: none;
    transition: all 0.25s ease;
}

    .admin-quick-action:hover {
        transform: translateX(6px);
        border-color: rgba(6, 182, 212, 0.35);
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.10);
    }

    .admin-quick-action i {
        width: 50px;
        height: 50px;
        border-radius: 18px;
        background: linear-gradient(135deg, #2563eb, #06b6d4);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        flex-shrink: 0;
    }

    .admin-quick-action strong {
        display: block;
        color: #0f172a;
        font-weight: 950;
    }

    .admin-quick-action small {
        display: block;
        color: #64748b;
        font-size: 13px;
        font-weight: 750;
        margin-top: 3px;
    }

.admin-empty-box {
    padding: 40px 20px;
    text-align: center;
    border-radius: 24px;
    background: #f8fbff;
    border: 1px dashed rgba(37, 99, 235, 0.22);
}

    .admin-empty-box i {
        font-size: 42px;
        color: #38bdf8;
    }

    .admin-empty-box h4 {
        color: #0f172a;
        font-weight: 950;
        margin: 12px 0 5px;
    }

    .admin-empty-box p {
        color: #64748b;
        margin: 0;
    }

/* Responsive */

@media (max-width: 1200px) {
    .admin-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .admin-welcome-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 26px;
    }

        .admin-welcome-card h2 {
            font-size: 28px;
        }

    .admin-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-panel-head {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-panel-head a {
            width: 100%;
            justify-content: center;
        }
}

/* =========================================================
   ADMIN ENQUIRIES PREMIUM UI
========================================================= */

.admin-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 18px;
    font-weight: 850;
    margin-bottom: 18px;
}

    .admin-alert.success {
        background: #dcfce7;
        color: #047857;
        border: 1px solid rgba(34, 197, 94, 0.22);
    }

    .admin-alert.error {
        background: #fee2e2;
        color: #b91c1c;
        border: 1px solid rgba(239, 68, 68, 0.22);
    }

.admin-page-intro {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 30px;
    border-radius: 32px;
    background: radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.24), transparent 34%), linear-gradient(135deg, #071629, #123869 64%, #075985);
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.18);
    margin-bottom: 22px;
}

    .admin-page-intro span {
        display: inline-flex;
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(255,255,255,0.12);
        color: #a7f3d0;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    .admin-page-intro h2 {
        color: #ffffff;
        font-size: 32px;
        font-weight: 950;
        margin: 13px 0 8px;
    }

    .admin-page-intro p {
        color: #dbeafe;
        max-width: 660px;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 650;
        margin: 0;
    }

.admin-page-icon {
    width: 84px;
    height: 84px;
    border-radius: 28px;
    background: rgba(255,255,255,0.14);
    color: #67e8f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    flex-shrink: 0;
}

/* Mini Stats */

.admin-mini-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.admin-mini-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    border-radius: 24px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(37, 99, 235, 0.12);
    box-shadow: 0 18px 45px rgba(37, 99, 235, 0.08);
}

    .admin-mini-stat i {
        width: 50px;
        height: 50px;
        border-radius: 18px;
        background: linear-gradient(135deg, #2563eb, #06b6d4);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .admin-mini-stat span {
        display: block;
        color: #64748b;
        font-size: 13px;
        font-weight: 850;
    }

    .admin-mini-stat strong {
        display: block;
        color: #0f172a;
        font-size: 26px;
        font-weight: 950;
        line-height: 1.1;
    }

/* Table */

.admin-table-card {
    padding: 26px;
    border-radius: 30px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
}

.admin-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

    .admin-table-head span {
        color: #0284c7;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    .admin-table-head h3 {
        color: #0f172a;
        font-size: 24px;
        font-weight: 950;
        margin: 4px 0 0;
    }

.admin-table-search {
    position: relative;
    width: 330px;
}

    .admin-table-search i {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        color: #0284c7;
    }

    .admin-table-search input {
        width: 100%;
        height: 50px;
        border-radius: 17px;
        border: 1px solid rgba(37, 99, 235, 0.14);
        background: #f8fbff;
        padding: 0 16px 0 44px;
        color: #0f172a;
        font-weight: 750;
        outline: none;
    }

        .admin-table-search input:focus {
            border-color: rgba(6, 182, 212, 0.55);
            box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.10);
        }

.admin-premium-table {
    margin: 0;
}

    .admin-premium-table thead th {
        color: #475569;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        background: #f8fbff;
        border-bottom: 1px solid rgba(37, 99, 235, 0.12);
        padding: 16px;
        white-space: nowrap;
    }

    .admin-premium-table tbody td {
        padding: 16px;
        border-bottom: 1px solid rgba(37, 99, 235, 0.08);
        vertical-align: middle;
    }

    .admin-premium-table tbody tr:hover {
        background: #f8fbff;
    }

.admin-customer-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 180px;
}

.admin-customer-avatar {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    flex-shrink: 0;
}

.admin-customer-cell strong {
    display: block;
    color: #0f172a;
    font-weight: 950;
}

.admin-customer-cell small {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
}

.admin-contact-cell {
    display: grid;
    gap: 6px;
    min-width: 190px;
}

    .admin-contact-cell span {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #475569;
        font-size: 13px;
        font-weight: 750;
    }

    .admin-contact-cell i {
        color: #0284c7;
    }

.admin-service-pill {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    color: #075985;
    background: #e0f2fe;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.admin-message-text {
    max-width: 260px;
    color: #475569;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}

.admin-date-cell strong {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.admin-date-cell small {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.admin-status-pill {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.status-new {
    color: #1d4ed8;
    background: #dbeafe;
}

.status-contacted {
    color: #047857;
    background: #dcfce7;
}

.status-closed {
    color: #475569;
    background: #e2e8f0;
}

.admin-action-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.admin-status-select {
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(37, 99, 235, 0.15);
    background: #ffffff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
    padding: 0 12px;
    outline: none;
}

.admin-delete-btn {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: #fee2e2;
    color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.22s ease;
}

    .admin-delete-btn:hover {
        background: #dc2626;
        color: #ffffff;
    }

/* Responsive */

@media (max-width: 1200px) {
    .admin-mini-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .admin-page-intro {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
    }

    .admin-mini-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-table-card {
        padding: 18px;
    }

    .admin-table-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-table-search {
        width: 100%;
    }
}
/* =========================================================
   ADMIN NOTICES PREMIUM UI
========================================================= */

.admin-form-card {
    height: 100%;
    padding: 26px;
    border-radius: 30px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
}

.admin-premium-form label {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 950;
    margin-bottom: 8px;
}

.admin-premium-form input,
.admin-premium-form textarea,
.admin-premium-form select {
    width: 100%;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 16px;
    background: #f8fbff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 750;
    padding: 13px 15px;
    outline: none;
}

.admin-premium-form textarea {
    resize: vertical;
    min-height: 110px;
}

    .admin-premium-form input:focus,
    .admin-premium-form textarea:focus,
    .admin-premium-form select:focus {
        border-color: rgba(6, 182, 212, 0.55);
        box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.10);
        background: #ffffff;
    }

.admin-check-row {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.12);
    cursor: pointer;
    margin: 0 !important;
}

    .admin-check-row input {
        width: 18px !important;
        height: 18px !important;
        padding: 0 !important;
    }

    .admin-check-row span {
        color: #0f172a;
        font-weight: 850;
    }

.admin-submit-btn {
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    font-weight: 950;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22);
    transition: all 0.24s ease;
}

    .admin-submit-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 26px 60px rgba(37, 99, 235, 0.30);
    }

/* Notice List */

.admin-notice-list {
    display: grid;
    gap: 14px;
}

.admin-notice-item {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.10);
    transition: all 0.24s ease;
}

    .admin-notice-item:hover {
        transform: translateY(-4px);
        border-color: rgba(6, 182, 212, 0.35);
        box-shadow: 0 18px 45px rgba(37, 99, 235, 0.10);
        background: #ffffff;
    }

.admin-notice-icon {
    width: 56px;
    height: 56px;
    border-radius: 20px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.admin-notice-content {
    min-width: 0;
}

.admin-notice-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

    .admin-notice-meta span {
        display: inline-flex;
        padding: 6px 10px;
        border-radius: 999px;
        color: #075985;
        background: #e0f2fe;
        font-size: 11px;
        font-weight: 950;
    }

    .admin-notice-meta em {
        display: inline-flex;
        padding: 6px 10px;
        border-radius: 999px;
        color: #92400e;
        background: #fef3c7;
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
    }

.admin-notice-content h4 {
    color: #0f172a;
    font-size: 18px;
    font-weight: 950;
    margin: 0 0 7px;
}

.admin-notice-content p {
    color: #475569;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 650;
    margin: 0 0 10px;
}

.admin-notice-content small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 576px) {
    .admin-notice-item {
        grid-template-columns: 1fr;
    }

    .admin-notice-icon {
        width: 52px;
        height: 52px;
    }
}

/* =========================================================
   ADMIN UPLOADS PREMIUM UI
========================================================= */

.admin-upload-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 22px;
    background: #e0f2fe;
    border: 1px solid rgba(6, 182, 212, 0.24);
    color: #075985;
    margin-bottom: 22px;
}

    .admin-upload-note i {
        font-size: 24px;
        color: #0284c7;
        flex-shrink: 0;
    }

    .admin-upload-note strong {
        font-weight: 950;
        margin-right: 4px;
    }

    .admin-upload-note span {
        font-weight: 750;
        line-height: 1.6;
    }

.admin-upload-block {
    padding: 26px;
    border-radius: 32px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
}

.admin-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

    .admin-section-heading span {
        color: #0284c7;
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    .admin-section-heading h3 {
        color: #0f172a;
        font-size: 24px;
        font-weight: 950;
        margin: 4px 0 0;
    }

.admin-upload-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.admin-upload-card {
    overflow: hidden;
    border-radius: 28px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.11);
    box-shadow: 0 16px 42px rgba(37, 99, 235, 0.08);
    transition: all 0.24s ease;
}

    .admin-upload-card:hover {
        transform: translateY(-6px);
        border-color: rgba(6, 182, 212, 0.34);
        box-shadow: 0 26px 65px rgba(37, 99, 235, 0.14);
        background: #ffffff;
    }

.admin-upload-preview {
    position: relative;
    height: 235px;
    overflow: hidden;
    background: radial-gradient(circle at 80% 12%, rgba(6, 182, 212, 0.20), transparent 34%), linear-gradient(135deg, #dbeafe, #f8fbff);
}

    .admin-upload-preview.gallery {
        height: 210px;
    }

    .admin-upload-preview img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Director images थोड्या professional crop मध्ये */
    .admin-upload-preview:not(.gallery) img {
        object-position: center top;
    }

.admin-upload-fallback {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #0284c7;
    font-size: 58px;
    background: radial-gradient(circle at 80% 12%, rgba(6, 182, 212, 0.20), transparent 34%), linear-gradient(135deg, #dbeafe, #f8fbff);
}

.admin-upload-content {
    padding: 20px;
}

    .admin-upload-content > span {
        display: inline-flex;
        padding: 6px 10px;
        border-radius: 999px;
        color: #075985;
        background: #e0f2fe;
        font-size: 11px;
        font-weight: 950;
        margin-bottom: 10px;
    }

    .admin-upload-content h4 {
        color: #0f172a;
        font-size: 18px;
        font-weight: 950;
        margin: 0 0 15px;
    }

.admin-file-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 12px 14px;
    border-radius: 17px;
    background: #ffffff;
    border: 1px dashed rgba(37, 99, 235, 0.28);
    color: #475569;
    font-weight: 850;
    cursor: pointer;
    margin-bottom: 12px;
    transition: all 0.22s ease;
}

    .admin-file-box:hover {
        border-color: rgba(6, 182, 212, 0.55);
        background: #f0f9ff;
    }

    .admin-file-box i {
        color: #0284c7;
        font-size: 20px;
        flex-shrink: 0;
    }

    .admin-file-box span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-file-box input {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.admin-upload-btn {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 17px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    font-weight: 950;
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.20);
    transition: all 0.23s ease;
}

    .admin-upload-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 24px 52px rgba(37, 99, 235, 0.28);
    }

    .admin-upload-btn i {
        margin-right: 7px;
    }

@media (max-width: 1200px) {
    .admin-upload-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .admin-upload-block {
        padding: 18px;
        border-radius: 26px;
    }

    .admin-upload-grid {
        grid-template-columns: 1fr;
    }

    .admin-upload-preview,
    .admin-upload-preview.gallery {
        height: 220px;
    }
}

/* =========================================================
   ADMIN LOGIN PREMIUM UI
========================================================= */

.admin-login-body {
    margin: 0;
    min-height: 100vh;
    background: radial-gradient(circle at 15% 15%, rgba(37, 99, 235, 0.18), transparent 34%), radial-gradient(circle at 85% 20%, rgba(6, 182, 212, 0.18), transparent 32%), linear-gradient(135deg, #f5faff 0%, #ffffff 52%, #eefbff 100%);
    overflow-x: hidden;
}

.admin-login-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
}

.admin-login-left {
    position: relative;
    overflow: hidden;
    padding: 42px 56px;
    color: #ffffff;
    background: radial-gradient(circle at 88% 15%, rgba(6, 182, 212, 0.28), transparent 34%), linear-gradient(135deg, #071629, #123869 65%, #075985);
}

    .admin-login-left::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        right: -160px;
        bottom: -170px;
        border-radius: 50%;
        background: rgba(34, 197, 94, 0.16);
    }

    .admin-login-left::after {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        left: -120px;
        top: 180px;
        border-radius: 50%;
        background: rgba(37, 99, 235, 0.22);
    }

.admin-login-brand {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
}

.admin-login-logo {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    font-size: 30px;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.35);
}

.admin-login-brand strong {
    display: block;
    color: #ffffff;
    font-size: 23px;
    font-weight: 950;
    line-height: 1.1;
}

.admin-login-brand span {
    display: block;
    color: #bfdbfe;
    font-size: 13px;
    font-weight: 750;
    margin-top: 4px;
}

.admin-login-content {
    position: relative;
    z-index: 2;
    max-width: 660px;
    margin-top: 130px;
}

.admin-login-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255,255,255,0.18);
    color: #a7f3d0;
    font-weight: 950;
}

.admin-login-content h1 {
    color: #ffffff;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.04;
    letter-spacing: -1.8px;
    font-weight: 950;
    margin: 24px 0 18px;
}

.admin-login-content p {
    color: #dbeafe;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 650;
    margin: 0;
}

.admin-login-features {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 34px;
}

    .admin-login-features div {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 145px;
        padding: 16px 18px;
        border-radius: 20px;
        background: rgba(255,255,255,0.10);
        border: 1px solid rgba(255,255,255,0.14);
    }

    .admin-login-features i {
        color: #67e8f9;
        font-size: 22px;
    }

    .admin-login-features span {
        color: #ffffff;
        font-weight: 900;
    }

/* Right Side */

.admin-login-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px;
}

.admin-login-card {
    width: 100%;
    max-width: 470px;
    padding: 36px;
    border-radius: 34px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 34px 90px rgba(37, 99, 235, 0.16);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.admin-login-card-head {
    text-align: center;
    margin-bottom: 26px;
}

.admin-login-card-icon {
    width: 74px;
    height: 74px;
    border-radius: 26px;
    margin: 0 auto 16px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 20px 44px rgba(37, 99, 235, 0.28);
}

.admin-login-card-head h2 {
    color: #0f172a;
    font-size: 32px;
    font-weight: 950;
    margin: 0 0 7px;
}

.admin-login-card-head p {
    color: #64748b;
    font-weight: 700;
    margin: 0;
}

/* Alerts */

.admin-login-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 17px;
    font-size: 14px;
    font-weight: 850;
    margin-bottom: 16px;
}

    .admin-login-alert.error {
        background: #fee2e2;
        color: #b91c1c;
        border: 1px solid rgba(239, 68, 68, 0.22);
    }

    .admin-login-alert.success {
        background: #dcfce7;
        color: #047857;
        border: 1px solid rgba(34, 197, 94, 0.22);
    }

/* Form */

.admin-login-form {
    display: grid;
    gap: 18px;
}

.admin-login-field label {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 950;
    margin-bottom: 8px;
}

.admin-login-input {
    height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.14);
    transition: all 0.22s ease;
}

    .admin-login-input:focus-within {
        background: #ffffff;
        border-color: rgba(6, 182, 212, 0.55);
        box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.10);
    }

    .admin-login-input i {
        color: #0284c7;
        font-size: 20px;
    }

    .admin-login-input input {
        width: 100%;
        border: 0;
        outline: none;
        background: transparent;
        color: #0f172a;
        font-weight: 800;
    }

        .admin-login-input input::placeholder {
            color: #94a3b8;
        }

.admin-login-btn {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 19px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    font-weight: 950;
    box-shadow: 0 20px 48px rgba(37, 99, 235, 0.26);
    transition: all 0.24s ease;
}

    .admin-login-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 28px 64px rgba(37, 99, 235, 0.34);
    }

    .admin-login-btn i {
        margin-right: 8px;
    }

.admin-login-footer {
    text-align: center;
    margin-top: 22px;
}

    .admin-login-footer a {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #0284c7;
        text-decoration: none;
        font-weight: 900;
    }

/* Responsive */

@media (max-width: 992px) {
    .admin-login-page {
        grid-template-columns: 1fr;
    }

    .admin-login-left {
        padding: 34px 24px 52px;
    }

    .admin-login-content {
        margin-top: 70px;
    }

    .admin-login-right {
        padding: 28px 18px;
    }
}

@media (max-width: 576px) {
    .admin-login-content h1 {
        font-size: 38px;
    }

    .admin-login-card {
        padding: 26px;
        border-radius: 28px;
    }

    .admin-login-features {
        display: grid;
        grid-template-columns: 1fr;
    }

        .admin-login-features div {
            width: 100%;
        }
}

/* =========================================================
   ADMIN PASSWORD PAGES
========================================================= */

.admin-password-section {
    max-width: 980px;
}

.admin-password-card {
    padding: 28px;
    border-radius: 30px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
}

.admin-password-note {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #e0f2fe;
    border: 1px solid rgba(6, 182, 212, 0.24);
    color: #075985;
    font-weight: 800;
}

    .admin-password-note i {
        font-size: 22px;
        color: #0284c7;
    }

.admin-login-extra-links {
    text-align: right;
    margin-top: -6px;
}

    .admin-login-extra-links a {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #0284c7;
        text-decoration: none;
        font-size: 14px;
        font-weight: 900;
    }

        .admin-login-extra-links a:hover {
            color: #075985;
        }

/* =========================================================
   ADMIN DIRECTORS PAGE PREMIUM UI FIX
========================================================= */

.admin-management-section {
    padding: 0 !important;
}

.admin-management-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 22px;
    background: #e0f2fe;
    border: 1px solid rgba(6, 182, 212, 0.24);
    color: #075985;
    margin-bottom: 22px;
}

    .admin-management-note > i {
        font-size: 24px;
        color: #0284c7;
        flex-shrink: 0;
    }

    .admin-management-note strong {
        font-weight: 950;
        margin-right: 5px;
    }

    .admin-management-note span {
        font-weight: 750;
        line-height: 1.6;
    }

    .admin-management-note a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-left: 8px;
        color: #ffffff;
        background: linear-gradient(135deg, #2563eb, #06b6d4);
        padding: 8px 12px;
        border-radius: 12px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 950;
    }

/* Director Grid */

.admin-director-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.admin-director-card {
    overflow: hidden;
    border-radius: 32px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
    transition: all 0.25s ease;
}

    .admin-director-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 34px 82px rgba(37, 99, 235, 0.16);
        border-color: rgba(6, 182, 212, 0.32);
    }

/* Photo */

.admin-director-photo-wrap {
    position: relative;
    height: 285px;
    overflow: hidden;
    background: radial-gradient(circle at 82% 14%, rgba(6, 182, 212, 0.20), transparent 34%), linear-gradient(135deg, #dbeafe, #f8fbff);
}

    .admin-director-photo-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        display: block;
    }

.admin-director-photo-fallback {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #0284c7;
    font-size: 72px;
    background: radial-gradient(circle at 82% 14%, rgba(6, 182, 212, 0.20), transparent 34%), linear-gradient(135deg, #dbeafe, #f8fbff);
}

.admin-director-badge {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(7, 22, 41, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 950;
}

/* Form */

.admin-director-form {
    padding: 24px;
}

.admin-director-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

    .admin-director-head span {
        display: inline-flex;
        padding: 6px 10px;
        border-radius: 999px;
        color: #075985;
        background: #e0f2fe;
        font-size: 11px;
        font-weight: 950;
        margin-bottom: 8px;
    }

    .admin-director-head h3 {
        color: #0f172a;
        font-size: 22px;
        font-weight: 950;
        margin: 0;
    }

    .admin-director-head em {
        display: inline-flex;
        padding: 7px 11px;
        border-radius: 999px;
        color: #92400e;
        background: #fef3c7;
        font-size: 11px;
        font-style: normal;
        font-weight: 950;
        white-space: nowrap;
    }

.admin-director-form label {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 950;
    margin-bottom: 8px;
}

.admin-director-form input[type="text"],
.admin-director-form input[type="number"],
.admin-director-form textarea {
    width: 100%;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 16px;
    background: #f8fbff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 750;
    padding: 13px 15px;
    outline: none;
}

.admin-director-form textarea {
    resize: vertical;
    min-height: 95px;
}

    .admin-director-form input:focus,
    .admin-director-form textarea:focus {
        border-color: rgba(6, 182, 212, 0.55);
        box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.10);
        background: #ffffff;
    }

/* Checkbox */

.admin-director-check {
    height: 100%;
    min-height: 50px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid rgba(37, 99, 235, 0.12);
    cursor: pointer;
    margin: 0 !important;
}

    .admin-director-check input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    .admin-director-check span {
        color: #0f172a;
        font-weight: 900;
    }

/* Save Button */

.admin-save-director-btn {
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    font-weight: 950;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22);
    transition: all 0.24s ease;
}

    .admin-save-director-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 26px 60px rgba(37, 99, 235, 0.30);
    }

    .admin-save-director-btn i {
        margin-right: 7px;
    }

/* Responsive */

@media (max-width: 1200px) {
    .admin-director-grid {
        grid-template-columns: 1fr;
    }

    .admin-director-photo-wrap {
        height: 320px;
    }
}

@media (max-width: 576px) {
    .admin-management-note {
        flex-direction: column;
    }

        .admin-management-note a {
            margin-left: 0;
            margin-top: 8px;
        }

    .admin-director-card {
        border-radius: 26px;
    }

    .admin-director-photo-wrap {
        height: 245px;
    }

    .admin-director-form {
        padding: 18px;
    }

    .admin-director-head {
        flex-direction: column;
    }
}

/* =========================================================
   DYNAMIC DIRECTORS ADMIN UI
========================================================= */

.admin-add-director-card {
    padding: 28px;
    border-radius: 32px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(37, 99, 235, 0.13);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10);
    margin-bottom: 22px;
}

.admin-director-inactive-badge {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(220, 38, 38, 0.90);
    font-size: 12px;
    font-weight: 950;
}

.admin-file-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 12px 14px;
    border-radius: 17px;
    background: #ffffff;
    border: 1px dashed rgba(37, 99, 235, 0.28);
    color: #475569;
    font-weight: 850;
    cursor: pointer;
    margin-bottom: 0;
    transition: all 0.22s ease;
}

    .admin-file-box:hover {
        border-color: rgba(6, 182, 212, 0.55);
        background: #f0f9ff;
    }

    .admin-file-box i {
        color: #0284c7;
        font-size: 20px;
        flex-shrink: 0;
    }

    .admin-file-box span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-file-box input {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.admin-delete-director-btn {
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #dc2626, #f97316);
    font-weight: 950;
    box-shadow: 0 18px 42px rgba(220, 38, 38, 0.18);
    transition: all 0.24s ease;
}

    .admin-delete-director-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 26px 60px rgba(220, 38, 38, 0.28);
    }

    .admin-delete-director-btn i {
        margin-right: 7px;
    }


.admin-director-inactive-badge {
    display: none !important;
}

/* =========================================================
   PUBLIC MANAGEMENT PAGE PREMIUM FIX
========================================================= */

.ft-management-page {
    padding: 80px 0 !important;
    background: radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.08), transparent 30%), radial-gradient(circle at 88% 24%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #eefbff 100%) !important;
}

    .ft-management-page .container {
        max-width: 1240px !important;
    }

.ft-management-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

.ft-management-card {
    overflow: hidden !important;
    border-radius: 32px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
    transition: all 0.28s ease !important;
}

    .ft-management-card:hover {
        transform: translateY(-10px) !important;
        border-color: rgba(6, 182, 212, 0.35) !important;
        box-shadow: 0 36px 88px rgba(37, 99, 235, 0.18) !important;
    }

.ft-management-photo {
    position: relative !important;
    height: 310px !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 80% 12%, rgba(6, 182, 212, 0.22), transparent 34%), linear-gradient(135deg, #dbeafe, #f8fbff) !important;
}

    .ft-management-photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        display: block !important;
    }

.ft-management-photo-fallback {
    position: absolute !important;
    inset: 0 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    color: #0284c7 !important;
    font-size: 78px !important;
}

.ft-management-featured {
    position: absolute !important;
    left: 18px !important;
    bottom: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: rgba(7, 22, 41, 0.78) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.ft-management-content {
    padding: 24px !important;
}

.ft-management-role {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    color: #075985 !important;
    background: #e0f2fe !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
}

.ft-management-content h3 {
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    margin: 0 0 10px !important;
}

.ft-management-content p {
    color: #64748b !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 650 !important;
    margin: 0 !important;
}

/* जर जुन्या classes असतील तरी image control होईल */
.management-card,
.management-item,
.director-card {
    overflow: hidden !important;
    border-radius: 32px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
}

    .management-card img,
    .management-item img,
    .director-card img {
        width: 100% !important;
        height: 310px !important;
        object-fit: cover !important;
        object-position: center top !important;
        display: block !important;
    }

/* Responsive */
@media (max-width: 1200px) {
    .ft-management-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .ft-management-page {
        padding: 58px 0 !important;
    }

    .ft-management-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-management-photo,
    .management-card img,
    .management-item img,
    .director-card img {
        height: 270px !important;
    }

    .ft-management-content {
        padding: 20px !important;
    }
}


/* =========================================================
   HOME SCROLL BUTTON / CARD SLIDE ANIMATION - FINAL
   Header / Navbar ला touch नाही
========================================================= */

@keyframes ftScrollSlideUp {
    from {
        opacity: 0;
        transform: translateY(65px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ft-scroll-anim {
    opacity: 0 !important;
    transform: translateY(65px) scale(0.96) !important;
    animation: none !important;
    will-change: transform, opacity;
}

    .ft-scroll-anim.is-visible {
        animation: ftScrollSlideUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
    }

    /* stagger delay */
    .ft-scroll-anim.delay-1 {
        animation-delay: 0.08s !important;
    }

    .ft-scroll-anim.delay-2 {
        animation-delay: 0.16s !important;
    }

    .ft-scroll-anim.delay-3 {
        animation-delay: 0.24s !important;
    }

    .ft-scroll-anim.delay-4 {
        animation-delay: 0.32s !important;
    }

    .ft-scroll-anim.delay-5 {
        animation-delay: 0.40s !important;
    }

/* Header / Navbar always normal */
.bti-navbar a,
.bti-navbar button,
.navbar a,
.navbar button,
header a,
header button {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@keyframes ftScrollSlideUp {
    from {
        opacity: 0;
        transform: translateY(65px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ft-scroll-anim {
    opacity: 0 !important;
    transform: translateY(65px) scale(0.96) !important;
    animation: none !important;
    will-change: transform, opacity;
}

.ft-scroll-anim.is-visible {
    animation: ftScrollSlideUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

.ft-scroll-anim.delay-1 {
    animation-delay: 0.08s !important;
}

.ft-scroll-anim.delay-2 {
    animation-delay: 0.16s !important;
}

.ft-scroll-anim.delay-3 {
    animation-delay: 0.24s !important;
}

.ft-scroll-anim.delay-4 {
    animation-delay: 0.32s !important;
}

.ft-scroll-anim.delay-5 {
    animation-delay: 0.40s !important;
}

.bti-navbar a,
.bti-navbar button,
.navbar a,
.navbar button,
header a,
header button {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* =========================================================
   HOME SCROLL REVEAL - SAFE FINAL FIX
   Old hidden animation reset + new working animation
========================================================= */

/* Old animation मुळे buttons गायब होत असतील तर reset */
.ft-scroll-anim,
.ft-home-hero-v2 .ft-hero-btn,
.ft-home-services .ft-service-card,
.ft-home-products .ft-product-card,
.ft-home-products .ft-product-btn,
.ft-home-tools .ft-tool-card,
.ft-home-cta .ft-cta-btn {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* New scroll animation */
@keyframes ftRevealSlideUp {
    0% {
        opacity: 0;
        transform: translateY(70px) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* JS ready झाल्यावरच hide करायचं */
body.ft-reveal-ready .ft-reveal-item {
    opacity: 0 !important;
    transform: translateY(70px) scale(0.96) !important;
}

    body.ft-reveal-ready .ft-reveal-item.ft-reveal-show {
        animation: ftRevealSlideUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
    }

body.ft-reveal-ready .ft-reveal-delay-1 {
    animation-delay: 0.08s !important;
}

body.ft-reveal-ready .ft-reveal-delay-2 {
    animation-delay: 0.16s !important;
}

body.ft-reveal-ready .ft-reveal-delay-3 {
    animation-delay: 0.24s !important;
}

body.ft-reveal-ready .ft-reveal-delay-4 {
    animation-delay: 0.32s !important;
}

/* Header / Navbar ला animation नाही */
.bti-navbar a,
.bti-navbar button,
.navbar a,
.navbar button,
header a,
header button {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* =========================================================
   HOME BUTTONS / CARDS SCROLL ANIMATION - SAFE FINAL
   Invisible cards/buttons fix + scroll reveal
========================================================= */

/* आधी invisible झालेले buttons/cards force visible */
.ft-home-hero-v2 .ft-hero-btn,
.ft-home-services .ft-service-card,
.ft-home-products .ft-product-card,
.ft-home-products .ft-product-btn,
.ft-home-tools .ft-tool-card,
.ft-home-cta .ft-cta-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}

/* JS class लागल्यावरच hide होईल */
body.ft-scroll-ready .ft-home-anim-item {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translateY(65px) scale(0.96) !important;
    transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

    body.ft-scroll-ready .ft-home-anim-item.ft-show {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

/* Delay effect */
body.ft-scroll-ready .ft-delay-1 {
    transition-delay: 0.05s !important;
}

body.ft-scroll-ready .ft-delay-2 {
    transition-delay: 0.12s !important;
}

body.ft-scroll-ready .ft-delay-3 {
    transition-delay: 0.19s !important;
}

body.ft-scroll-ready .ft-delay-4 {
    transition-delay: 0.26s !important;
}

body.ft-scroll-ready .ft-delay-5 {
    transition-delay: 0.33s !important;
}

/* Header / Navbar ला touch नाही */
.bti-navbar a,
.bti-navbar button,
.navbar a,
.navbar button,
header a,
header button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition-delay: 0s !important;
}

/* =========================================================
   HOME SCROLL ANIMATION - SMOOTH + LATE TRIGGER FIX
========================================================= */

body.ft-scroll-ready .ft-home-anim-item {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translateY(85px) scale(0.98) !important;
    transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

    body.ft-scroll-ready .ft-home-anim-item.ft-show {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

/* Delay थोडा premium smooth */
body.ft-scroll-ready .ft-delay-1 {
    transition-delay: 0.08s !important;
}

body.ft-scroll-ready .ft-delay-2 {
    transition-delay: 0.18s !important;
}

body.ft-scroll-ready .ft-delay-3 {
    transition-delay: 0.28s !important;
}

body.ft-scroll-ready .ft-delay-4 {
    transition-delay: 0.38s !important;
}

body.ft-scroll-ready .ft-delay-5 {
    transition-delay: 0.48s !important;
}

/* =========================================================
   HOME SCROLL ANIMATION - FULL BOTTOM SLIDE EFFECT
========================================================= */

body.ft-scroll-ready .ft-home-anim-item {
    opacity: 0 !important;
    visibility: visible !important;
    /* इथून button/card जास्त खालीपासून वर येईल */
    transform: translateY(190px) scale(0.94) !important;
    transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1), transform 1.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

    body.ft-scroll-ready .ft-home-anim-item.ft-show {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

/* Smooth stagger */
body.ft-scroll-ready .ft-delay-1 {
    transition-delay: 0.08s !important;
}

body.ft-scroll-ready .ft-delay-2 {
    transition-delay: 0.20s !important;
}

body.ft-scroll-ready .ft-delay-3 {
    transition-delay: 0.32s !important;
}

body.ft-scroll-ready .ft-delay-4 {
    transition-delay: 0.44s !important;
}

body.ft-scroll-ready .ft-delay-5 {
    transition-delay: 0.56s !important;
}

/* =========================================================
   DEPOSIT + LOAN INTEREST RATE CHART PREMIUM FINAL
========================================================= */

.ft-rate-page-section {
    padding: 82px 0 !important;
    background: radial-gradient(circle at 12% 14%, rgba(37, 99, 235, 0.08), transparent 30%), radial-gradient(circle at 88% 24%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #eefbff 100%) !important;
}

.ft-rate-top-grid {
    display: grid !important;
    grid-template-columns: 1.35fr 0.65fr !important;
    gap: 24px !important;
    margin-bottom: 28px !important;
}

.ft-rate-info-card,
.ft-rate-summary-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.12) !important;
}

.ft-rate-info-card {
    padding: 34px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 88% 14%, rgba(6, 182, 212, 0.30), transparent 34%), linear-gradient(135deg, #071629, #123869 64%, #075985) !important;
}

    .ft-rate-info-card.loan {
        background: radial-gradient(circle at 88% 14%, rgba(249, 115, 22, 0.22), transparent 34%), linear-gradient(135deg, #071629, #7c2d12 58%, #c2410c) !important;
    }

    .ft-rate-info-card > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 10px 15px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,0.13) !important;
        border: 1px solid rgba(255,255,255,0.18) !important;
        color: #a7f3d0 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.6px !important;
    }

    .ft-rate-info-card h2 {
        color: #ffffff !important;
        font-size: clamp(30px, 3vw, 48px) !important;
        line-height: 1.08 !important;
        font-weight: 950 !important;
        margin: 18px 0 12px !important;
    }

    .ft-rate-info-card p {
        color: #dbeafe !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
        font-weight: 650 !important;
        max-width: 760px !important;
        margin: 0 !important;
    }

.ft-rate-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

    .ft-rate-points div {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 15px !important;
        border-radius: 16px !important;
        color: #ffffff !important;
        background: rgba(255,255,255,0.11) !important;
        border: 1px solid rgba(255,255,255,0.14) !important;
        font-weight: 850 !important;
    }

    .ft-rate-points i {
        color: #67e8f9 !important;
    }

.ft-rate-summary-card {
    padding: 28px !important;
    background: rgba(255,255,255,0.96) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.ft-rate-summary-icon {
    width: 70px !important;
    height: 70px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 30px !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 20px 46px rgba(37, 99, 235, 0.24) !important;
    margin-bottom: 18px !important;
}

.ft-rate-summary-card.loan .ft-rate-summary-icon {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.ft-rate-summary-card h3 {
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    margin: 0 0 10px !important;
}

.ft-rate-summary-card p {
    color: #64748b !important;
    line-height: 1.7 !important;
    font-weight: 650 !important;
    margin: 0 !important;
}

/* Chart */

.ft-rate-chart-card {
    overflow: hidden !important;
    padding: 28px !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 28px 76px rgba(37, 99, 235, 0.12) !important;
}

.ft-rate-chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

    .ft-rate-chart-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        margin-bottom: 9px !important;
    }

    .ft-rate-chart-head h3 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        margin: 0 !important;
    }

.ft-rate-badge {
    padding: 11px 15px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.18) !important;
}

    .ft-rate-badge.loan-badge {
        background: linear-gradient(135deg, #f97316, #f59e0b) !important;
    }

/* Table */

.ft-rate-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

    .ft-rate-table thead th {
        padding: 16px 18px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
        border: 0 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

.loan-rate-table thead th {
    background: linear-gradient(135deg, #0f172a, #9a3412) !important;
}

.ft-rate-table thead th:first-child {
    border-radius: 18px 0 0 18px !important;
}

.ft-rate-table thead th:last-child {
    border-radius: 0 18px 18px 0 !important;
}

.ft-rate-table tbody tr {
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.07) !important;
}

.ft-rate-table tbody td {
    padding: 17px 18px !important;
    vertical-align: middle !important;
    color: #334155 !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(37, 99, 235, 0.08) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.08) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

    .ft-rate-table tbody td:first-child {
        border-left: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-radius: 18px 0 0 18px !important;
    }

    .ft-rate-table tbody td:last-child {
        border-right: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-radius: 0 18px 18px 0 !important;
    }

.ft-rate-table tbody tr:hover td {
    background: #f0f9ff !important;
}

.ft-rate-table strong {
    color: #0f172a !important;
    font-weight: 950 !important;
}

.ft-rate-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.18) !important;
}

.deposit-rate {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.loan-rate {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

/* Note */

.ft-rate-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin-top: 18px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    color: #075985 !important;
    background: #f0f9ff !important;
    border: 1px solid rgba(6, 182, 212, 0.20) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 750 !important;
}

    .ft-rate-note i {
        color: #0284c7 !important;
        font-size: 18px !important;
        margin-top: 3px !important;
    }

/* Responsive */

@media (max-width: 992px) {
    .ft-rate-top-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-rate-info-card {
        padding: 28px !important;
    }
}

@media (max-width: 576px) {
    .ft-rate-page-section {
        padding: 58px 0 !important;
    }

    .ft-rate-chart-card {
        padding: 18px !important;
        border-radius: 26px !important;
    }

    .ft-rate-chart-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

        .ft-rate-chart-head h3 {
            font-size: 24px !important;
        }

    .ft-rate-table thead th,
    .ft-rate-table tbody td {
        padding: 13px 12px !important;
        font-size: 13px !important;
    }

    .ft-rate-pill {
        min-width: auto !important;
        padding: 8px 11px !important;
        font-size: 12px !important;
    }
}
/* =========================================================
   PUBLIC DEPOSIT + LOAN INTEREST RATE CHART
========================================================= */

.ft-rate-page-section {
    padding: 82px 0 !important;
    background: radial-gradient(circle at 12% 14%, rgba(37, 99, 235, 0.08), transparent 30%), radial-gradient(circle at 88% 24%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #eefbff 100%) !important;
}

.ft-rate-chart-card {
    overflow: hidden !important;
    padding: 28px !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 28px 76px rgba(37, 99, 235, 0.12) !important;
}

.ft-rate-chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

    .ft-rate-chart-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        margin-bottom: 9px !important;
    }

    .ft-rate-chart-head h3 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        margin: 0 !important;
    }

.ft-rate-badge {
    padding: 11px 15px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

    .ft-rate-badge.loan-badge {
        background: linear-gradient(135deg, #f97316, #f59e0b) !important;
    }

.ft-rate-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

    .ft-rate-table thead th {
        padding: 16px 18px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
        border: 0 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

.loan-rate-table thead th {
    background: linear-gradient(135deg, #0f172a, #9a3412) !important;
}

.ft-rate-table thead th:first-child {
    border-radius: 18px 0 0 18px !important;
}

.ft-rate-table thead th:last-child {
    border-radius: 0 18px 18px 0 !important;
}

.ft-rate-table tbody tr {
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.07) !important;
}

.ft-rate-table tbody td {
    padding: 17px 18px !important;
    vertical-align: middle !important;
    color: #334155 !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(37, 99, 235, 0.08) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.08) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

    .ft-rate-table tbody td:first-child {
        border-left: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-radius: 18px 0 0 18px !important;
    }

    .ft-rate-table tbody td:last-child {
        border-right: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-radius: 0 18px 18px 0 !important;
    }

.ft-rate-table tbody tr:hover td {
    background: #f0f9ff !important;
}

.ft-rate-table strong {
    color: #0f172a !important;
    font-weight: 950 !important;
}

.ft-rate-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.deposit-rate {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.loan-rate {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.ft-rate-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin-top: 18px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    color: #075985 !important;
    background: #f0f9ff !important;
    border: 1px solid rgba(6, 182, 212, 0.20) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 750 !important;
}

    .ft-rate-note i {
        color: #0284c7 !important;
        font-size: 18px !important;
        margin-top: 3px !important;
    }

.ft-rate-empty {
    text-align: center !important;
    padding: 46px 20px !important;
    border-radius: 26px !important;
    background: #f8fbff !important;
    border: 1px dashed rgba(37, 99, 235, 0.28) !important;
}

    .ft-rate-empty i {
        font-size: 42px !important;
        color: #0284c7 !important;
        margin-bottom: 12px !important;
    }

    .ft-rate-empty h4 {
        color: #0f172a !important;
        font-size: 24px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .ft-rate-empty p {
        color: #64748b !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

/* =========================================================
   ADMIN INTEREST RATE PAGE
========================================================= */

.admin-rate-page {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

.admin-rate-add-card,
.admin-rate-edit-card {
    padding: 24px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
    margin-bottom: 24px !important;
}

.admin-rate-card-head,
.admin-rate-edit-head,
.admin-rate-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

    .admin-rate-card-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        background: #e0f2fe !important;
        color: #075985 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    .admin-rate-card-head h2,
    .admin-rate-section-title h2 {
        margin: 8px 0 0 !important;
        color: #0f172a !important;
        font-size: 24px !important;
        font-weight: 950 !important;
    }

    .admin-rate-card-head i {
        width: 58px !important;
        height: 58px !important;
        border-radius: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 25px !important;
    }

.admin-rate-form label,
.admin-rate-edit-card label {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-bottom: 7px !important;
}

.admin-rate-form .form-control,
.admin-rate-edit-card .form-control {
    min-height: 48px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    font-weight: 700 !important;
}

.admin-rate-check {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    font-weight: 800 !important;
}

.admin-rate-save-btn,
.admin-rate-update-btn,
.admin-rate-delete-btn {
    border: none !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    font-weight: 900 !important;
    margin-top: 18px !important;
}

.admin-rate-save-btn,
.admin-rate-update-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.admin-rate-delete-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
}

.admin-rate-section-title {
    margin-top: 32px !important;
}

    .admin-rate-section-title span {
        padding: 8px 12px !important;
        border-radius: 999px !important;
        background: #eef2ff !important;
        color: #3730a3 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

.admin-rate-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.admin-rate-edit-head strong {
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.admin-rate-edit-head span {
    padding: 8px 14px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-rate-edit-card.loan .admin-rate-edit-head span {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.admin-rate-empty {
    padding: 22px !important;
    border-radius: 22px !important;
    background: #f8fbff !important;
    border: 1px dashed rgba(37, 99, 235, 0.28) !important;
    color: #64748b !important;
    font-weight: 800 !important;
}

@media (max-width: 992px) {
    .admin-rate-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 576px) {
    .ft-rate-page-section {
        padding: 58px 0 !important;
    }

    .ft-rate-chart-card {
        padding: 18px !important;
        border-radius: 26px !important;
    }

    .ft-rate-chart-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

        .ft-rate-chart-head h3 {
            font-size: 24px !important;
        }

    .ft-rate-table thead th,
    .ft-rate-table tbody td {
        padding: 13px 12px !important;
        font-size: 13px !important;
    }

    .ft-rate-pill {
        min-width: auto !important;
        padding: 8px 11px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   HOME PREMIUM RUNNING STATS SECTION
========================================================= */

.ft-home-stats-section {
    padding: 0 0 70px !important;
    margin-top: -34px !important;
    position: relative !important;
    z-index: 5 !important;
}

.ft-stats-premium-card {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 22px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 28px 78px rgba(37, 99, 235, 0.14) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.ft-stat-item {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 128px !important;
    padding: 22px !important;
    border-radius: 28px !important;
    background: radial-gradient(circle at 88% 12%, rgba(6, 182, 212, 0.16), transparent 34%), linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border: 1px solid rgba(37, 99, 235, 0.10) !important;
    transition: all 0.28s ease !important;
}

    .ft-stat-item::before {
        content: "" !important;
        position: absolute !important;
        inset: auto -30px -45px auto !important;
        width: 105px !important;
        height: 105px !important;
        border-radius: 50% !important;
        background: rgba(37, 99, 235, 0.08) !important;
    }

    .ft-stat-item:hover {
        transform: translateY(-8px) !important;
        border-color: rgba(6, 182, 212, 0.32) !important;
        box-shadow: 0 24px 58px rgba(37, 99, 235, 0.16) !important;
    }

.ft-stat-icon {
    flex: 0 0 auto !important;
    width: 62px !important;
    height: 62px !important;
    border-radius: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 27px !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22) !important;
}

    .ft-stat-icon.deposit {
        background: linear-gradient(135deg, #0ea5e9, #14b8a6) !important;
    }

    .ft-stat-icon.loan {
        background: linear-gradient(135deg, #f97316, #f59e0b) !important;
    }

    .ft-stat-icon.member {
        background: linear-gradient(135deg, #7c3aed, #06b6d4) !important;
    }

.ft-stat-content {
    position: relative !important;
    z-index: 2 !important;
}

    .ft-stat-content h3 {
        display: flex !important;
        align-items: baseline !important;
        gap: 2px !important;
        margin: 0 0 6px !important;
        color: #0f172a !important;
        font-size: clamp(26px, 2.4vw, 38px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -1px !important;
    }

        .ft-stat-content h3 span {
            display: inline-flex !important;
        }

    .ft-stat-content p {
        margin: 0 !important;
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 850 !important;
    }

.ft-counter {
    min-width: 28px !important;
}

/* Mobile Responsive */
@media (max-width: 1200px) {
    .ft-stats-premium-card {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .ft-home-stats-section {
        padding: 26px 0 48px !important;
        margin-top: 0 !important;
    }

    .ft-stats-premium-card {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
        border-radius: 26px !important;
    }

    .ft-stat-item {
        min-height: 112px !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .ft-stat-icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 18px !important;
        font-size: 24px !important;
    }

    .ft-stat-content h3 {
        font-size: 30px !important;
    }
}


/* =========================================================
   ANNUAL REPORTS - ADMIN + PUBLIC PREMIUM CSS
========================================================= */

/* Public Annual Reports */
.ft-annual-public-section {
    padding: 82px 0 !important;
    background: radial-gradient(circle at 12% 14%, rgba(37, 99, 235, 0.08), transparent 30%), radial-gradient(circle at 88% 24%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #eefbff 100%) !important;
}

.ft-annual-report-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.ft-annual-report-card {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    gap: 18px !important;
    padding: 26px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
    transition: all 0.28s ease !important;
}

    .ft-annual-report-card::before {
        content: "" !important;
        position: absolute !important;
        right: -45px !important;
        bottom: -45px !important;
        width: 130px !important;
        height: 130px !important;
        border-radius: 50% !important;
        background: rgba(239, 68, 68, 0.08) !important;
    }

    .ft-annual-report-card:hover {
        transform: translateY(-8px) !important;
        border-color: rgba(239, 68, 68, 0.22) !important;
        box-shadow: 0 34px 88px rgba(37, 99, 235, 0.16) !important;
    }

.ft-annual-report-icon {
    flex: 0 0 auto !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 32px !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    box-shadow: 0 20px 48px rgba(239, 68, 68, 0.22) !important;
}

.ft-annual-report-content {
    position: relative !important;
    z-index: 2 !important;
}

.ft-annual-year {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    color: #991b1b !important;
    background: #fee2e2 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
}

.ft-annual-report-content h3 {
    color: #0f172a !important;
    font-size: 23px !important;
    font-weight: 950 !important;
    margin: 0 0 10px !important;
}

.ft-annual-report-content p {
    color: #64748b !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
    margin: 0 0 18px !important;
}

.ft-annual-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.ft-annual-view-btn,
.ft-annual-download-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    padding: 10px 15px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    transition: all 0.25s ease !important;
}

.ft-annual-view-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.18) !important;
}

.ft-annual-download-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    box-shadow: 0 14px 32px rgba(239, 68, 68, 0.18) !important;
}

    .ft-annual-view-btn:hover,
    .ft-annual-download-btn:hover {
        transform: translateY(-3px) !important;
        color: #ffffff !important;
    }

.ft-annual-empty {
    text-align: center !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 54px 24px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px dashed rgba(37, 99, 235, 0.30) !important;
    box-shadow: 0 24px 64px rgba(37, 99, 235, 0.10) !important;
}

    .ft-annual-empty i {
        font-size: 54px !important;
        color: #ef4444 !important;
        margin-bottom: 14px !important;
    }

    .ft-annual-empty h3 {
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .ft-annual-empty p {
        color: #64748b !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

/* Admin Annual Reports */
.admin-annual-page {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

.admin-annual-add-card,
.admin-annual-edit-card {
    padding: 24px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
    margin-bottom: 24px !important;
}

.admin-annual-card-head,
.admin-annual-section-title,
.admin-annual-report-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

    .admin-annual-card-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        background: #fee2e2 !important;
        color: #991b1b !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    .admin-annual-card-head h2,
    .admin-annual-section-title h2 {
        margin: 8px 0 0 !important;
        color: #0f172a !important;
        font-size: 24px !important;
        font-weight: 950 !important;
    }

    .admin-annual-card-head i {
        width: 58px !important;
        height: 58px !important;
        border-radius: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #ef4444, #f97316) !important;
        font-size: 25px !important;
    }

.admin-annual-form label,
.admin-annual-edit-card label {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-bottom: 7px !important;
}

.admin-annual-form .form-control,
.admin-annual-edit-card .form-control {
    min-height: 48px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    font-weight: 700 !important;
}

.admin-annual-check {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    font-weight: 800 !important;
}

.admin-annual-save-btn,
.admin-annual-update-btn,
.admin-annual-delete-btn {
    border: none !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    font-weight: 900 !important;
    margin-top: 18px !important;
}

.admin-annual-save-btn,
.admin-annual-update-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.admin-annual-delete-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
}

.admin-annual-section-title {
    margin-top: 32px !important;
}

    .admin-annual-section-title span {
        padding: 8px 12px !important;
        border-radius: 999px !important;
        background: #eef2ff !important;
        color: #3730a3 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

.admin-annual-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.admin-annual-report-head strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.admin-annual-report-head small {
    color: #64748b !important;
    font-weight: 800 !important;
}

.admin-annual-status {
    padding: 8px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

    .admin-annual-status.active {
        color: #166534 !important;
        background: #dcfce7 !important;
    }

    .admin-annual-status.inactive {
        color: #991b1b !important;
        background: #fee2e2 !important;
    }

.admin-annual-file-box {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.10) !important;
    margin-bottom: 18px !important;
}

    .admin-annual-file-box > i {
        width: 50px !important;
        height: 50px !important;
        border-radius: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #ef4444, #f97316) !important;
        font-size: 23px !important;
    }

    .admin-annual-file-box span {
        display: block !important;
        color: #64748b !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    .admin-annual-file-box a {
        color: #2563eb !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

    .admin-annual-file-box p {
        margin: 0 !important;
        color: #94a3b8 !important;
        font-weight: 800 !important;
    }

.admin-annual-empty {
    text-align: center !important;
    padding: 42px 20px !important;
    border-radius: 26px !important;
    background: #f8fbff !important;
    border: 1px dashed rgba(37, 99, 235, 0.28) !important;
}

    .admin-annual-empty i {
        color: #ef4444 !important;
        font-size: 44px !important;
        margin-bottom: 12px !important;
    }

    .admin-annual-empty h3 {
        color: #0f172a !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-annual-empty p {
        color: #64748b !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

@media (max-width: 992px) {
    .ft-annual-report-grid,
    .admin-annual-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 576px) {
    .ft-annual-public-section {
        padding: 58px 0 !important;
    }

    .ft-annual-report-card {
        flex-direction: column !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .ft-annual-report-icon {
        width: 60px !important;
        height: 60px !important;
        border-radius: 20px !important;
        font-size: 28px !important;
    }

    .ft-annual-actions {
        flex-direction: column !important;
    }

    .ft-annual-view-btn,
    .ft-annual-download-btn {
        justify-content: center !important;
        width: 100% !important;
    }
}

/* =========================================================
   ADMIN HOME STATISTICS PAGE
========================================================= */

.admin-home-stats-page {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

.admin-home-stats-card {
    padding: 26px !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
}

.admin-home-stats-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

    .admin-home-stats-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        background: #e0f2fe !important;
        color: #075985 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-home-stats-head h2 {
        margin: 8px 0 0 !important;
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
    }

    .admin-home-stats-head > i {
        width: 62px !important;
        height: 62px !important;
        border-radius: 22px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 28px !important;
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22) !important;
    }

.admin-home-stats-form label {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    margin-bottom: 8px !important;
}

.admin-home-stats-form .form-control {
    min-height: 50px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

    .admin-home-stats-form .form-control:focus {
        border-color: rgba(37, 99, 235, 0.55) !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10) !important;
    }

.admin-home-stats-save-btn {
    margin-top: 24px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.20) !important;
}

    .admin-home-stats-save-btn i {
        margin-right: 6px !important;
    }

.admin-home-stats-preview {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 28px !important;
}

    .admin-home-stats-preview div {
        padding: 20px !important;
        border-radius: 22px !important;
        background: radial-gradient(circle at 88% 12%, rgba(6, 182, 212, 0.12), transparent 34%), linear-gradient(135deg, #f8fbff, #ffffff) !important;
        border: 1px solid rgba(37, 99, 235, 0.10) !important;
    }

    .admin-home-stats-preview strong {
        display: block !important;
        color: #0f172a !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        margin-bottom: 8px !important;
    }

    .admin-home-stats-preview span {
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 850 !important;
    }

@media (max-width: 992px) {
    .admin-home-stats-preview {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .admin-home-stats-card {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .admin-home-stats-head {
        align-items: flex-start !important;
    }

        .admin-home-stats-head h2 {
            font-size: 22px !important;
        }

        .admin-home-stats-head > i {
            width: 54px !important;
            height: 54px !important;
            border-radius: 18px !important;
            font-size: 24px !important;
        }

    .admin-home-stats-preview {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   ADMIN SIDEBAR SCROLL FIX
   Menu tabs जास्त झाले तरी sidebar मध्ये scroll येईल
========================================================= */

.admin-app-shell {
    min-height: 100vh !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.admin-sidebar {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 28px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(56, 189, 248, 0.7) rgba(255, 255, 255, 0.08) !important;
}

    .admin-sidebar::-webkit-scrollbar {
        width: 7px !important;
    }

    .admin-sidebar::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 999px !important;
    }

    .admin-sidebar::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #38bdf8, #2563eb) !important;
        border-radius: 999px !important;
    }

.admin-main-area {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Sidebar menu bottom ला थोडी space */
.admin-sidebar nav,
.admin-sidebar-menu,
.admin-menu {
    padding-bottom: 40px !important;
}

/* Mobile वर normal राहू दे */
@media (max-width: 992px) {
    .admin-app-shell {
        height: auto !important;
        overflow: visible !important;
    }

    .admin-sidebar {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .admin-main-area {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* =========================================================
   ADMIN SIDEBAR LOGOUT OVERLAP FIX + INTEREST RATES PREMIUM
========================================================= */

/* Sidebar पूर्ण height मध्ये scroll होईल */
.admin-app-shell {
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
}

.admin-sidebar {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 34px !important;
}

    /* Logout button कुठल्याही menu वर overlap होऊ नये */
    .admin-sidebar a[href*="Logout"],
    .admin-sidebar form[action*="Logout"] button,
    .admin-sidebar .logout-btn,
    .admin-sidebar .admin-logout-btn {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin-top: 14px !important;
        margin-bottom: 24px !important;
        width: 100% !important;
        z-index: 1 !important;
    }

    /* Sidebar scrollbar premium */
    .admin-sidebar::-webkit-scrollbar {
        width: 7px !important;
    }

    .admin-sidebar::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 999px !important;
    }

    .admin-sidebar::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #38bdf8, #2563eb) !important;
        border-radius: 999px !important;
    }

.admin-main-area {
    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* =========================================================
   INTEREST RATE ADMIN PAGE PREMIUM FIX
========================================================= */

.admin-rate-page {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

    .admin-rate-page .admin-page-title-row {
        margin-bottom: 22px !important;
    }

        .admin-rate-page .admin-page-title-row h1 {
            color: #0f172a !important;
            font-size: 42px !important;
            font-weight: 950 !important;
            letter-spacing: -1.2px !important;
            margin: 0 0 8px !important;
        }

        .admin-rate-page .admin-page-title-row p {
            color: #475569 !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            margin: 0 !important;
        }

.admin-rate-add-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 28px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 28px 78px rgba(37, 99, 235, 0.13) !important;
    margin-bottom: 34px !important;
}

    .admin-rate-add-card::before {
        content: "" !important;
        position: absolute !important;
        right: -60px !important;
        top: -60px !important;
        width: 190px !important;
        height: 190px !important;
        border-radius: 50% !important;
        background: rgba(6, 182, 212, 0.12) !important;
    }

.admin-rate-card-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

    .admin-rate-card-head span {
        display: inline-flex !important;
        padding: 8px 13px !important;
        border-radius: 999px !important;
        background: #e0f2fe !important;
        color: #075985 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-rate-card-head h2 {
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
        margin: 10px 0 0 !important;
    }

    .admin-rate-card-head > i {
        width: 58px !important;
        height: 58px !important;
        border-radius: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 26px !important;
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22) !important;
    }

.admin-rate-form {
    position: relative !important;
    z-index: 2 !important;
}

    .admin-rate-form label,
    .admin-rate-edit-card label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-rate-form .form-control,
    .admin-rate-edit-card .form-control,
    .admin-rate-form select,
    .admin-rate-edit-card select {
        min-height: 50px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(148, 163, 184, 0.36) !important;
        color: #0f172a !important;
        background-color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        box-shadow: none !important;
    }

        .admin-rate-form .form-control:focus,
        .admin-rate-edit-card .form-control:focus,
        .admin-rate-form select:focus,
        .admin-rate-edit-card select:focus {
            border-color: rgba(37, 99, 235, 0.55) !important;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10) !important;
        }

.admin-rate-check {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 15px !important;
    border-radius: 16px !important;
    color: #0f172a !important;
    background: #f8fbff !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    font-weight: 900 !important;
}

.admin-rate-save-btn,
.admin-rate-update-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.22) !important;
    margin-top: 20px !important;
}

.admin-rate-delete-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 36px rgba(239, 68, 68, 0.20) !important;
    margin-top: 12px !important;
}

.admin-rate-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 34px 0 18px !important;
}

    .admin-rate-section-title h2 {
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
        margin: 0 !important;
    }

    .admin-rate-section-title span {
        padding: 9px 13px !important;
        border-radius: 999px !important;
        color: #3730a3 !important;
        background: #eef2ff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

.admin-rate-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.admin-rate-edit-card {
    padding: 24px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.10) !important;
}

.admin-rate-edit-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

    .admin-rate-edit-head strong {
        color: #0f172a !important;
        font-size: 20px !important;
        font-weight: 950 !important;
    }

    .admin-rate-edit-head span {
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

.admin-rate-edit-card.loan .admin-rate-edit-head span {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
}

.admin-rate-empty {
    padding: 24px !important;
    border-radius: 22px !important;
    background: #f8fbff !important;
    border: 1px dashed rgba(37, 99, 235, 0.28) !important;
    color: #64748b !important;
    font-weight: 850 !important;
}

@media (max-width: 992px) {
    .admin-app-shell {
        height: auto !important;
        overflow: visible !important;
    }

    .admin-sidebar {
        height: auto !important;
        max-height: none !important;
    }

    .admin-main-area {
        height: auto !important;
        overflow: visible !important;
    }

    .admin-rate-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   ADMIN SIDEBAR MENU VISIBILITY FIX
========================================================= */

.admin-app-shell {
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
}

.admin-sidebar {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 35px !important;
}

    /* Sidebar मधले सगळे menu links visible ठेव */
    .admin-sidebar a {
        position: relative !important;
        z-index: 2 !important;
    }

        /* Logout button overlap होऊ नये */
        .admin-sidebar .admin-logout-btn,
        .admin-sidebar a[href*="Logout"] {
            position: relative !important;
            bottom: auto !important;
            left: auto !important;
            right: auto !important;
            width: auto !important;
            margin: 14px 0 28px 0 !important;
            z-index: 1 !important;
        }

    /* Menu area ला खाली space */
    .admin-sidebar nav,
    .admin-sidebar-menu,
    .admin-menu {
        padding-bottom: 120px !important;
    }

    /* Scrollbar */
    .admin-sidebar::-webkit-scrollbar {
        width: 7px !important;
    }

    .admin-sidebar::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 999px !important;
    }

    .admin-sidebar::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #38bdf8, #2563eb) !important;
        border-radius: 999px !important;
    }

.admin-main-area {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 992px) {
    .admin-app-shell {
        height: auto !important;
        overflow: visible !important;
    }

    .admin-sidebar {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .admin-main-area {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* =========================================================
   ADMIN SIDEBAR FINAL FIX
   Logout button दिसेल + menu scroll होईल + overlap नाही
========================================================= */

.admin-app-shell {
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
}

.admin-sidebar {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 26px !important;
    position: sticky !important;
    top: 0 !important;
}

    /* Menu links hide होऊ नयेत म्हणून bottom space */
    .admin-sidebar nav,
    .admin-sidebar-menu,
    .admin-menu {
        padding-bottom: 150px !important;
    }

    /* Logout button नेहमी sidebar च्या bottom ला visible */
    .admin-sidebar a[href*="Logout"],
    .admin-sidebar .admin-logout-btn,
    .admin-sidebar .logout-btn {
        position: sticky !important;
        bottom: 16px !important;
        z-index: 999 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 58px !important;
        margin: 16px 0 22px 0 !important;
        padding: 15px 18px !important;
        border-radius: 18px !important;
        text-decoration: none !important;
        color: #071629 !important;
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        box-shadow: 0 18px 42px rgba(245, 158, 11, 0.30) !important;
        font-size: 16px !important;
        font-weight: 950 !important;
    }

        .admin-sidebar a[href*="Logout"] i,
        .admin-sidebar .admin-logout-btn i,
        .admin-sidebar .logout-btn i {
            color: #071629 !important;
            font-size: 19px !important;
        }

        .admin-sidebar a[href*="Logout"] span,
        .admin-sidebar .admin-logout-btn span,
        .admin-sidebar .logout-btn span {
            color: #071629 !important;
            font-weight: 950 !important;
        }

    /* Sidebar scrollbar premium */
    .admin-sidebar::-webkit-scrollbar {
        width: 7px !important;
    }

    .admin-sidebar::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 999px !important;
    }

    .admin-sidebar::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #38bdf8, #2563eb) !important;
        border-radius: 999px !important;
    }

/* Main area separate scroll */
.admin-main-area {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Mobile वर normal */
@media (max-width: 992px) {
    .admin-app-shell {
        height: auto !important;
        overflow: visible !important;
    }

    .admin-sidebar {
        position: relative !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .admin-main-area {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .admin-sidebar a[href*="Logout"],
    .admin-sidebar .admin-logout-btn,
    .admin-sidebar .logout-btn {
        position: relative !important;
        bottom: auto !important;
    }
}

/* =========================================================
   INTEREST RATES ADMIN PAGE - PREMIUM FINAL UI
========================================================= */

.admin-rate-page {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 4px 0 42px !important;
}

    /* Page Title */
    .admin-rate-page .admin-page-title-row {
        position: relative !important;
        overflow: hidden !important;
        padding: 34px 36px !important;
        margin-bottom: 28px !important;
        border-radius: 34px !important;
        color: #ffffff !important;
        background: radial-gradient(circle at 90% 20%, rgba(6, 182, 212, 0.32), transparent 34%), linear-gradient(135deg, #071629, #123869 62%, #075985) !important;
        box-shadow: 0 28px 78px rgba(37, 99, 235, 0.18) !important;
    }

        .admin-rate-page .admin-page-title-row::after {
            content: "%" !important;
            position: absolute !important;
            right: 42px !important;
            top: 26px !important;
            width: 86px !important;
            height: 86px !important;
            border-radius: 28px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #ffffff !important;
            background: rgba(255, 255, 255, 0.14) !important;
            border: 1px solid rgba(255, 255, 255, 0.18) !important;
            font-size: 42px !important;
            font-weight: 950 !important;
        }

        .admin-rate-page .admin-page-title-row h1 {
            color: #ffffff !important;
            font-size: clamp(34px, 3vw, 52px) !important;
            font-weight: 950 !important;
            letter-spacing: -1.4px !important;
            margin: 0 0 10px !important;
        }

        .admin-rate-page .admin-page-title-row p {
            color: #dbeafe !important;
            font-size: 17px !important;
            font-weight: 750 !important;
            margin: 0 !important;
        }

/* Add Card */
.admin-rate-add-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 30px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 28px 78px rgba(37, 99, 235, 0.13) !important;
    margin-bottom: 36px !important;
}

    .admin-rate-add-card::before {
        content: "" !important;
        position: absolute !important;
        right: -70px !important;
        top: -70px !important;
        width: 230px !important;
        height: 230px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.22), rgba(37, 99, 235, 0.06), transparent 70%) !important;
    }

.admin-rate-card-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 26px !important;
}

    .admin-rate-card-head span {
        display: inline-flex !important;
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: 0.3px !important;
    }

    .admin-rate-card-head h2 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        margin: 10px 0 0 !important;
        letter-spacing: -0.6px !important;
    }

    .admin-rate-card-head > i {
        width: 66px !important;
        height: 66px !important;
        border-radius: 23px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 30px !important;
        box-shadow: 0 20px 48px rgba(37, 99, 235, 0.24) !important;
    }

/* Form */
.admin-rate-form {
    position: relative !important;
    z-index: 2 !important;
}

    .admin-rate-form label,
    .admin-rate-edit-card label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-rate-form .form-control,
    .admin-rate-edit-card .form-control,
    .admin-rate-form select,
    .admin-rate-edit-card select {
        min-height: 54px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        color: #0f172a !important;
        background: #ffffff !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04) !important;
    }

        .admin-rate-form .form-control:focus,
        .admin-rate-edit-card .form-control:focus,
        .admin-rate-form select:focus,
        .admin-rate-edit-card select:focus {
            border-color: rgba(37, 99, 235, 0.62) !important;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11) !important;
        }

.admin-rate-check {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    color: #0f172a !important;
    background: radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.12), transparent 35%), #f8fbff !important;
    border: 1px solid rgba(148, 163, 184, 0.27) !important;
    font-weight: 950 !important;
}

    .admin-rate-check input {
        width: 16px !important;
        height: 16px !important;
        accent-color: #2563eb !important;
    }

/* Buttons */
.admin-rate-save-btn,
.admin-rate-update-btn,
.admin-rate-delete-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 13px 22px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.admin-rate-save-btn,
.admin-rate-update-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.22) !important;
    margin-top: 22px !important;
}

.admin-rate-delete-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    box-shadow: 0 16px 38px rgba(239, 68, 68, 0.20) !important;
    margin-top: 12px !important;
}

    .admin-rate-save-btn:hover,
    .admin-rate-update-btn:hover,
    .admin-rate-delete-btn:hover {
        transform: translateY(-3px) !important;
    }

/* Section Titles */
.admin-rate-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 38px 0 20px !important;
}

    .admin-rate-section-title h2 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        letter-spacing: -0.7px !important;
        margin: 0 !important;
    }

    .admin-rate-section-title span {
        padding: 9px 14px !important;
        border-radius: 999px !important;
        color: #3730a3 !important;
        background: #eef2ff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

/* Existing Cards */
.admin-rate-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.admin-rate-edit-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 26px !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 24px 64px rgba(37, 99, 235, 0.10) !important;
    transition: all 0.25s ease !important;
}

    .admin-rate-edit-card::before {
        content: "" !important;
        position: absolute !important;
        right: -45px !important;
        bottom: -45px !important;
        width: 140px !important;
        height: 140px !important;
        border-radius: 50% !important;
        background: rgba(37, 99, 235, 0.07) !important;
    }

    .admin-rate-edit-card.loan::before {
        background: rgba(249, 115, 22, 0.08) !important;
    }

    .admin-rate-edit-card:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 34px 86px rgba(37, 99, 235, 0.16) !important;
    }

    .admin-rate-edit-card form {
        position: relative !important;
        z-index: 2 !important;
    }

.admin-rate-edit-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

    .admin-rate-edit-head strong {
        color: #0f172a !important;
        font-size: 22px !important;
        font-weight: 950 !important;
        letter-spacing: -0.4px !important;
    }

    .admin-rate-edit-head span {
        padding: 9px 15px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18) !important;
    }

.admin-rate-edit-card.loan .admin-rate-edit-head span {
    background: linear-gradient(135deg, #f97316, #f59e0b) !important;
    box-shadow: 0 14px 30px rgba(249, 115, 22, 0.18) !important;
}

/* Empty Box */
.admin-rate-empty {
    padding: 28px !important;
    border-radius: 24px !important;
    background: rgba(248, 251, 255, 0.96) !important;
    border: 1px dashed rgba(37, 99, 235, 0.30) !important;
    color: #64748b !important;
    font-weight: 850 !important;
    box-shadow: 0 18px 48px rgba(37, 99, 235, 0.08) !important;
}

/* Rate Type select premium color */
.admin-rate-form select[name="RateType"] {
    color: #0f172a !important;
    cursor: pointer !important;
}

/* Mobile */
@media (max-width: 992px) {
    .admin-rate-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-rate-page .admin-page-title-row {
        padding: 28px !important;
    }

        .admin-rate-page .admin-page-title-row::after {
            display: none !important;
        }
}

@media (max-width: 576px) {
    .admin-rate-add-card,
    .admin-rate-edit-card {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .admin-rate-card-head,
    .admin-rate-edit-head,
    .admin-rate-section-title {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

        .admin-rate-card-head h2,
        .admin-rate-section-title h2 {
            font-size: 24px !important;
        }
}



.admin-content-area {
    padding: 32px 34px 60px !important;
    background: radial-gradient(circle at 12% 16%, rgba(37, 99, 235, 0.10), transparent 30%), radial-gradient(circle at 88% 18%, rgba(6, 182, 212, 0.14), transparent 32%), linear-gradient(135deg, #f4f8ff 0%, #ffffff 48%, #eafbff 100%) !important;
}

.admin-top-header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.10) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

    .admin-top-header span {
        color: #0284c7 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
    }

    .admin-top-header h1 {
        color: #0f172a !important;
        font-size: 34px !important;
        font-weight: 950 !important;
        letter-spacing: -1px !important;
    }
/* Welcome Hero */

.admin-dashboard-hero, .admin-hero-card, .admin-welcome-card, .dashboard-hero-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 44px 46px !important;
    border-radius: 34px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), radial-gradient(circle at 106% 100%, rgba(20, 184, 166, 0.35), transparent 36%), linear-gradient(135deg, #071629 0%, #123869 58%, #075985 100%) !important;
    box-shadow: 0 32px 88px rgba(37, 99, 235, 0.20) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

    .admin-dashboard-hero::before, .admin-hero-card::before, .admin-welcome-card::before, .dashboard-hero-card::before {
        content: "" !important;
        position: absolute !important;
        right: -82px !important;
        bottom: -82px !important;
        width: 270px !important;
        height: 270px !important;
        border-radius: 50% !important;
        background: rgba(20, 184, 166, 0.32) !important;
    }

    .admin-dashboard-hero::after, .admin-hero-card::after, .admin-welcome-card::after, .dashboard-hero-card::after {
        content: "\F633" !important;
        font-family: "bootstrap-icons" !important;
        position: absolute !important;
        right: 56px !important;
        top: 62px !important;
        width: 94px !important;
        height: 94px !important;
        border-radius: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #67e8f9 !important;
        background: rgba(255, 255, 255, 0.13) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        font-size: 45px !important;
    }

    .admin-dashboard-hero span, .admin-hero-card span, .admin-welcome-card span, .dashboard-hero-card span {
        position: relative !important;
        z-index: 2 !important;
        display: inline-flex !important;
        padding: 10px 16px !important;
        border-radius: 999px !important;
        color: #a7f3d0 !important;
        background: rgba(255, 255, 255, 0.14) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: 0.7px !important;
        text-transform: uppercase !important;
        margin-bottom: 18px !important;
    }

    .admin-dashboard-hero h2, .admin-hero-card h2, .admin-welcome-card h2, .dashboard-hero-card h2 {
        position: relative !important;
        z-index: 2 !important;
        color: #ffffff !important;
        font-size: 42px !important;
        line-height: 1.08 !important;
        font-weight: 950 !important;
        letter-spacing: -1.2px !important;
        margin: 0 0 14px !important;
    }

    .admin-dashboard-hero p, .admin-hero-card p, .admin-welcome-card p, .dashboard-hero-card p {
        position: relative !important;
        z-index: 2 !important;
        max-width: 760px !important;
        color: #dbeafe !important;
        font-size: 17px !important;
        line-height: 1.75 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }
/* Stats Cards */

.admin-stats-grid, .admin-stat-grid, .dashboard-stats-grid, .admin-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 28px 0 36px !important;
}

.admin-stat-card, .dashboard-stat-card, .admin-count-card, .admin-summary-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 198px !important;
    padding: 28px 26px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 26px 72px rgba(37, 99, 235, 0.11) !important;
    transition: all 0.28s ease !important;
}

    .admin-stat-card::before, .dashboard-stat-card::before, .admin-count-card::before, .admin-summary-card::before {
        content: "" !important;
        position: absolute !important;
        right: -50px !important;
        bottom: -50px !important;
        width: 145px !important;
        height: 145px !important;
        border-radius: 50% !important;
        background: rgba(37, 99, 235, 0.07) !important;
    }

    .admin-stat-card:hover, .dashboard-stat-card:hover, .admin-count-card:hover, .admin-summary-card:hover {
        transform: translateY(-9px) !important;
        border-color: rgba(6, 182, 212, 0.30) !important;
        box-shadow: 0 36px 92px rgba(37, 99, 235, 0.17) !important;
    }

    .admin-stat-card i, .dashboard-stat-card i, .admin-count-card i, .admin-summary-card i {
        position: relative !important;
        z-index: 2 !important;
        width: 62px !important;
        height: 62px !important;
        border-radius: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 28px !important;
        margin-bottom: 22px !important;
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22) !important;
    }

    .admin-stat-card:nth-child(2) i, .dashboard-stat-card:nth-child(2) i, .admin-count-card:nth-child(2) i, .admin-summary-card:nth-child(2) i {
        background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    }

    .admin-stat-card:nth-child(3) i, .dashboard-stat-card:nth-child(3) i, .admin-count-card:nth-child(3) i, .admin-summary-card:nth-child(3) i {
        background: linear-gradient(135deg, #f97316, #f59e0b) !important;
    }

    .admin-stat-card:nth-child(4) i, .dashboard-stat-card:nth-child(4) i, .admin-count-card:nth-child(4) i, .admin-summary-card:nth-child(4) i {
        background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
    }

    .admin-stat-card h3, .dashboard-stat-card h3, .admin-count-card h3, .admin-summary-card h3 {
        position: relative !important;
        z-index: 2 !important;
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        margin: 0 0 10px !important;
    }

    .admin-stat-card strong, .dashboard-stat-card strong, .admin-count-card strong, .admin-summary-card strong, .admin-stat-card .count, .dashboard-stat-card .count {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        color: #0f172a !important;
        font-size: 42px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        margin-bottom: 16px !important;
    }

    .admin-stat-card a, .dashboard-stat-card a, .admin-count-card a, .admin-summary-card a {
        position: relative !important;
        z-index: 2 !important;
        color: #0284c7 !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: 950 !important;
    }
/* Bottom Dashboard Cards */

.admin-dashboard-grid, .admin-dashboard-row, .dashboard-bottom-grid, .admin-panel-grid {
    display: grid !important;
    grid-template-columns: 1.25fr 0.85fr !important;
    gap: 26px !important;
    margin-top: 28px !important;
}

.admin-dashboard-card, .admin-list-card, .admin-activity-card, .admin-quick-card, .dashboard-card {
    padding: 30px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
}

    .admin-dashboard-card h2, .admin-list-card h2, .admin-activity-card h2, .admin-quick-card h2, .dashboard-card h2 {
        color: #0f172a !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        letter-spacing: -0.6px !important;
        margin-bottom: 20px !important;
    }

    .admin-dashboard-card > span, .admin-list-card > span, .admin-activity-card > span, .admin-quick-card > span, .dashboard-card > span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        color: #0284c7 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        margin-bottom: 12px !important;
    }

.admin-activity-item, .admin-enquiry-item, .admin-quick-action, .dashboard-action-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.10) !important;
    margin-bottom: 14px !important;
    transition: all 0.25s ease !important;
}

    .admin-activity-item:hover, .admin-enquiry-item:hover, .admin-quick-action:hover, .dashboard-action-item:hover {
        transform: translateY(-4px) !important;
        background: #eef8ff !important;
        border-color: rgba(6, 182, 212, 0.24) !important;
    }

    .admin-activity-item i, .admin-enquiry-item i, .admin-quick-action i, .dashboard-action-item i {
        width: 54px !important;
        height: 54px !important;
        border-radius: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 24px !important;
        flex: 0 0 auto !important;
    }

.admin-website-btn {
    border-radius: 18px !important;
    padding: 14px 22px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18) !important;
}
/* Responsive */

@media (max-width: 1200px) {
    .admin-stats-grid, .admin-stat-grid, .dashboard-stats-grid, .admin-dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-dashboard-grid, .admin-dashboard-row, .dashboard-bottom-grid, .admin-panel-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 576px) {
    .admin-content-area {
        padding: 22px 16px 50px !important;
    }

    .admin-dashboard-hero, .admin-hero-card, .admin-welcome-card, .dashboard-hero-card {
        padding: 28px 24px !important;
        border-radius: 26px !important;
    }

        .admin-dashboard-hero::after, .admin-hero-card::after, .admin-welcome-card::after, .dashboard-hero-card::after {
            display: none !important;
        }

    .admin-stats-grid, .admin-stat-grid, .dashboard-stats-grid, .admin-dashboard-stats {
        grid-template-columns: 1fr !important;
    }

    .admin-stat-card, .dashboard-stat-card, .admin-count-card, .admin-summary-card {
        min-height: 170px !important;
    }
}

/* =========================================================
   ADMIN LAYOUT FINAL FIX
   Sidebar left fixed + content proper full width
========================================================= */

.admin-app-shell {
    display: flex !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: #eef7ff !important;
}

.admin-sidebar {
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 20 !important;
}

.admin-main-area {
    flex: 1 1 auto !important;
    width: calc(100% - 300px) !important;
    min-width: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    position: relative !important;
}

.admin-top-header {
    width: 100% !important;
    min-height: 96px !important;
    padding: 24px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    background: rgba(255, 255, 255, 0.94) !important;
}

.admin-content-area {
    width: 100% !important;
    max-width: none !important;
    padding: 30px 34px 60px !important;
    margin: 0 !important;
}

/* Dashboard / Admin pages content center but full width */
.admin-dashboard-page,
.admin-rate-page,
.admin-home-stats-page,
.admin-annual-page,
.admin-directors-page,
.admin-notices-page,
.admin-enquiries-page,
.admin-uploads-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}

/* Sidebar menu link text proper */
.admin-sidebar a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    white-space: normal !important;
}

    /* Sidebar icon fixed */
    .admin-sidebar a i {
        flex: 0 0 auto !important;
    }

    /* Sidebar text should not go outside */
    .admin-sidebar a span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        word-break: normal !important;
    }

    /* Logout normal in sidebar */
    .admin-sidebar .admin-logout-btn,
    .admin-sidebar a[href*="Logout"] {
        position: relative !important;
        display: flex !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 14px 0 24px !important;
    }

/* Dashboard cards should not move side */
.admin-stats-grid,
.admin-stat-grid,
.dashboard-stats-grid,
.admin-dashboard-stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.admin-dashboard-grid,
.admin-dashboard-row,
.dashboard-bottom-grid,
.admin-panel-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1.25fr 0.85fr !important;
    gap: 26px !important;
}

/* Responsive */
@media (max-width: 1200px) {
    .admin-sidebar {
        flex: 0 0 270px !important;
        width: 270px !important;
        min-width: 270px !important;
        max-width: 270px !important;
    }

    .admin-main-area {
        width: calc(100% - 270px) !important;
    }

    .admin-stats-grid,
    .admin-stat-grid,
    .dashboard-stats-grid,
    .admin-dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-dashboard-grid,
    .admin-dashboard-row,
    .dashboard-bottom-grid,
    .admin-panel-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .admin-app-shell {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    .admin-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .admin-main-area {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .admin-top-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px !important;
    }

    .admin-content-area {
        padding: 20px 16px 50px !important;
    }

    .admin-stats-grid,
    .admin-stat-grid,
    .dashboard-stats-grid,
    .admin-dashboard-stats {
        grid-template-columns: 1fr !important;
    }
}


.admin-home-stats-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 0 50px !important;
}
/* Page title card */

.admin-home-stats-page .admin-page-title-row {
    position: relative !important;
    overflow: hidden !important;
    padding: 34px 38px !important;
    margin-bottom: 28px !important;
    border-radius: 34px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), radial-gradient(circle at 104% 95%, rgba(20, 184, 166, 0.28), transparent 34%), linear-gradient(135deg, #071629 0%, #123869 60%, #075985 100%) !important;
    box-shadow: 0 30px 86px rgba(37, 99, 235, 0.18) !important;
}

    .admin-home-stats-page .admin-page-title-row::after {
        content: "\F17E" !important;
        font-family: "bootstrap-icons" !important;
        position: absolute !important;
        right: 42px !important;
        top: 34px !important;
        width: 88px !important;
        height: 88px !important;
        border-radius: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #67e8f9 !important;
        background: rgba(255, 255, 255, 0.13) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        font-size: 42px !important;
    }

    .admin-home-stats-page .admin-page-title-row h1 {
        color: #ffffff !important;
        font-size: clamp(34px, 3vw, 52px) !important;
        font-weight: 950 !important;
        letter-spacing: -1.3px !important;
        margin: 0 0 10px !important;
    }

    .admin-home-stats-page .admin-page-title-row p {
        color: #dbeafe !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 750 !important;
        max-width: 680px !important;
        margin: 0 !important;
    }
/* Main card */

.admin-home-stats-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 32px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.13) !important;
}

    .admin-home-stats-card::before {
        content: "" !important;
        position: absolute !important;
        right: -80px !important;
        top: -80px !important;
        width: 240px !important;
        height: 240px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), rgba(37, 99, 235, 0.06), transparent 70%) !important;
    }

    .admin-home-stats-card::after {
        content: "" !important;
        position: absolute !important;
        left: -80px !important;
        bottom: -90px !important;
        width: 240px !important;
        height: 240px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(124, 58, 237, 0.12), transparent 70%) !important;
    }
/* Card head */

.admin-home-stats-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 28px !important;
}

    .admin-home-stats-head span {
        display: inline-flex !important;
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: 0.4px !important;
    }

    .admin-home-stats-head h2 {
        color: #0f172a !important;
        font-size: clamp(26px, 2.4vw, 36px) !important;
        font-weight: 950 !important;
        letter-spacing: -0.9px !important;
        margin: 10px 0 0 !important;
    }

    .admin-home-stats-head > i {
        width: 70px !important;
        height: 70px !important;
        border-radius: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 32px !important;
        box-shadow: 0 20px 48px rgba(37, 99, 235, 0.24) !important;
    }
/* Form */

.admin-home-stats-form {
    position: relative !important;
    z-index: 2 !important;
}

    .admin-home-stats-form label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-home-stats-form .form-control {
        min-height: 56px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        color: #0f172a !important;
        background: #ffffff !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04) !important;
    }

        .admin-home-stats-form .form-control:focus {
            border-color: rgba(37, 99, 235, 0.62) !important;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11) !important;
        }

.admin-home-stats-save-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin-top: 26px !important;
    min-height: 52px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 13px 24px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.23) !important;
    transition: all 0.25s ease !important;
}

    .admin-home-stats-save-btn:hover {
        transform: translateY(-3px) !important;
    }
/* Preview cards */

.admin-home-stats-preview {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 32px !important;
}

    .admin-home-stats-preview div {
        position: relative !important;
        overflow: hidden !important;
        padding: 24px !important;
        border-radius: 26px !important;
        background: radial-gradient(circle at 88% 12%, rgba(6, 182, 212, 0.15), transparent 36%), linear-gradient(135deg, #f8fbff, #ffffff) !important;
        border: 1px solid rgba(37, 99, 235, 0.12) !important;
        box-shadow: 0 20px 54px rgba(37, 99, 235, 0.09) !important;
        transition: all 0.25s ease !important;
    }

        .admin-home-stats-preview div::before {
            content: "" !important;
            position: absolute !important;
            right: -42px !important;
            bottom: -42px !important;
            width: 120px !important;
            height: 120px !important;
            border-radius: 50% !important;
            background: rgba(37, 99, 235, 0.07) !important;
        }

        .admin-home-stats-preview div:hover {
            transform: translateY(-7px) !important;
            box-shadow: 0 30px 76px rgba(37, 99, 235, 0.15) !important;
        }

    .admin-home-stats-preview strong {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        color: #0f172a !important;
        font-size: clamp(28px, 2.4vw, 42px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -1px !important;
        margin-bottom: 10px !important;
    }

    .admin-home-stats-preview span {
        position: relative !important;
        z-index: 2 !important;
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
    /* Preview card different accents */

    .admin-home-stats-preview div:nth-child(1) {
        border-color: rgba(37, 99, 235, 0.16) !important;
    }

    .admin-home-stats-preview div:nth-child(2) {
        background: radial-gradient(circle at 88% 12%, rgba(20, 184, 166, 0.17), transparent 36%), linear-gradient(135deg, #f8fbff, #ffffff) !important;
    }

    .admin-home-stats-preview div:nth-child(3) {
        background: radial-gradient(circle at 88% 12%, rgba(249, 115, 22, 0.16), transparent 36%), linear-gradient(135deg, #fffaf5, #ffffff) !important;
    }

    .admin-home-stats-preview div:nth-child(4) {
        background: radial-gradient(circle at 88% 12%, rgba(124, 58, 237, 0.15), transparent 36%), linear-gradient(135deg, #fbf8ff, #ffffff) !important;
    }
/* Remove awkward duplicate spacing */

.admin-home-stats-page > h1, .admin-home-stats-page > h2 {
    margin-top: 0 !important;
}
/* Responsive */

@media (max-width: 1200px) {
    .admin-home-stats-preview {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .admin-home-stats-page .admin-page-title-row {
        padding: 28px !important;
    }

        .admin-home-stats-page .admin-page-title-row::after {
            display: none !important;
        }

    .admin-home-stats-card {
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .admin-home-stats-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

@media (max-width: 576px) {
    .admin-home-stats-preview {
        grid-template-columns: 1fr !important;
    }

    .admin-home-stats-form .form-control {
        min-height: 52px !important;
    }
}

.admin-gallery-event-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-bottom: 55px !important;
}

.admin-gallery-event-page .admin-page-title-row {
    position: relative !important;
    overflow: hidden !important;
    padding: 34px 38px !important;
    margin-bottom: 28px !important;
    border-radius: 34px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), linear-gradient(135deg, #071629 0%, #123869 60%, #075985 100%) !important;
    box-shadow: 0 30px 86px rgba(37, 99, 235, 0.18) !important;
}

    .admin-gallery-event-page .admin-page-title-row::after {
        content: "\F42A" !important;
        font-family: "bootstrap-icons" !important;
        position: absolute !important;
        right: 42px !important;
        top: 34px !important;
        width: 88px !important;
        height: 88px !important;
        border-radius: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #67e8f9 !important;
        background: rgba(255, 255, 255, 0.13) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        font-size: 42px !important;
    }

    .admin-gallery-event-page .admin-page-title-row h1 {
        color: #ffffff !important;
        font-size: clamp(34px, 3vw, 52px) !important;
        font-weight: 950 !important;
        letter-spacing: -1.2px !important;
        margin: 0 0 10px !important;
    }

    .admin-gallery-event-page .admin-page-title-row p {
        color: #dbeafe !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 750 !important;
        max-width: 680px !important;
        margin: 0 !important;
    }
/* Add Card */

.admin-gallery-add-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 32px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.13) !important;
    margin-bottom: 30px !important;
}

    .admin-gallery-add-card::before {
        content: "" !important;
        position: absolute !important;
        right: -80px !important;
        top: -80px !important;
        width: 250px !important;
        height: 250px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), transparent 70%) !important;
    }

.admin-gallery-card-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 26px !important;
}

    .admin-gallery-card-head span {
        display: inline-flex !important;
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-gallery-card-head h2 {
        color: #0f172a !important;
        font-size: clamp(26px, 2.4vw, 36px) !important;
        font-weight: 950 !important;
        letter-spacing: -0.8px !important;
        margin: 10px 0 0 !important;
    }

    .admin-gallery-card-head > i {
        width: 70px !important;
        height: 70px !important;
        border-radius: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 32px !important;
        box-shadow: 0 20px 48px rgba(37, 99, 235, 0.24) !important;
    }

.admin-gallery-form, .admin-gallery-edit-form {
    position: relative !important;
    z-index: 2 !important;
}

    .admin-gallery-form label, .admin-gallery-edit-form label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-gallery-form .form-control, .admin-gallery-edit-form .form-control {
        min-height: 54px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        color: #0f172a !important;
        background: #ffffff !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04) !important;
    }

    .admin-gallery-form textarea.form-control, .admin-gallery-edit-form textarea.form-control {
        min-height: 96px !important;
    }

    .admin-gallery-form .form-control:focus, .admin-gallery-edit-form .form-control:focus {
        border-color: rgba(37, 99, 235, 0.62) !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11) !important;
    }

.admin-gallery-check {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
}

    .admin-gallery-check span {
        color: #0f172a !important;
        font-weight: 950 !important;
    }

.admin-gallery-save-btn, .admin-gallery-update-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 52px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 13px 24px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.23) !important;
    margin-top: 24px !important;
    transition: all 0.25s ease !important;
}

    .admin-gallery-save-btn:hover, .admin-gallery-update-btn:hover {
        transform: translateY(-3px) !important;
    }

.admin-gallery-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 34px 0 18px !important;
}

    .admin-gallery-section-title h2 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        letter-spacing: -0.8px !important;
        margin: 0 !important;
    }

    .admin-gallery-section-title span {
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }
/* Uploaded Cards */

.admin-gallery-event-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.admin-gallery-event-card {
    overflow: hidden !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
}

.admin-gallery-image-box {
    position: relative !important;
    height: 270px !important;
    overflow: hidden !important;
    background: #e0f2fe !important;
}

    .admin-gallery-image-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        transition: transform 0.35s ease !important;
    }

.admin-gallery-event-card:hover .admin-gallery-image-box img {
    transform: scale(1.06) !important;
}

.admin-gallery-status {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

    .admin-gallery-status.active {
        background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    }

    .admin-gallery-status.inactive {
        background: linear-gradient(135deg, #64748b, #334155) !important;
    }

.admin-gallery-edit-form {
    padding: 24px !important;
}

.admin-gallery-event-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

    .admin-gallery-event-head strong {
        display: block !important;
        color: #0f172a !important;
        font-size: 22px !important;
        font-weight: 950 !important;
        line-height: 1.2 !important;
    }

    .admin-gallery-event-head small {
        display: block !important;
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        margin-top: 5px !important;
    }

    .admin-gallery-event-head > span {
        min-width: 42px !important;
        height: 42px !important;
        border-radius: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-weight: 950 !important;
    }

.admin-gallery-delete-btn {
    width: calc(100% - 48px) !important;
    margin: 0 24px 24px !important;
    min-height: 48px !important;
    border: none !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(239, 68, 68, 0.20) !important;
}

.admin-gallery-empty {
    padding: 50px 28px !important;
    border-radius: 30px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 24px 64px rgba(37, 99, 235, 0.10) !important;
}

    .admin-gallery-empty i {
        font-size: 54px !important;
        color: #0284c7 !important;
    }

    .admin-gallery-empty h3 {
        color: #0f172a !important;
        font-weight: 950 !important;
        margin-top: 16px !important;
    }
/* ================= PUBLIC GALLERY ================= */

.ft-gallery-public-section {
    padding: 78px 0 !important;
    background: radial-gradient(circle at 10% 15%, rgba(37, 99, 235, 0.08), transparent 28%), linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #ecfeff 100%) !important;
}

.ft-gallery-public-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.ft-gallery-public-card {
    overflow: hidden !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.12) !important;
    transition: all 0.28s ease !important;
}

    .ft-gallery-public-card:hover {
        transform: translateY(-9px) !important;
        box-shadow: 0 34px 90px rgba(37, 99, 235, 0.18) !important;
    }

.ft-gallery-public-image {
    position: relative !important;
    height: 270px !important;
    overflow: hidden !important;
    background: #e0f2fe !important;
}

    .ft-gallery-public-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        transition: transform 0.35s ease !important;
    }

.ft-gallery-public-card:hover .ft-gallery-public-image img {
    transform: scale(1.07) !important;
}

.ft-gallery-date-badge {
    position: absolute !important;
    left: 16px !important;
    bottom: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: rgba(15, 23, 42, 0.76) !important;
    backdrop-filter: blur(10px) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.ft-gallery-public-body {
    padding: 24px !important;
}

    .ft-gallery-public-body h3 {
        color: #0f172a !important;
        font-size: 23px !important;
        font-weight: 950 !important;
        line-height: 1.25 !important;
        margin: 0 0 10px !important;
    }

    .ft-gallery-public-body p {
        color: #64748b !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }

.ft-gallery-public-empty {
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 60px 30px !important;
    border-radius: 34px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 28px 76px rgba(37, 99, 235, 0.12) !important;
}

    .ft-gallery-public-empty i {
        font-size: 60px !important;
        color: #0284c7 !important;
    }

    .ft-gallery-public-empty h2 {
        color: #0f172a !important;
        font-size: 32px !important;
        font-weight: 950 !important;
        margin: 18px 0 10px !important;
    }

    .ft-gallery-public-empty p {
        color: #64748b !important;
        font-size: 16px !important;
        font-weight: 750 !important;
    }
/* Responsive */

@media (max-width: 1200px) {
    .ft-gallery-public-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-gallery-event-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .admin-gallery-event-page .admin-page-title-row::after {
        display: none !important;
    }

    .admin-gallery-add-card {
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .admin-gallery-card-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .ft-gallery-public-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-gallery-public-image, .admin-gallery-image-box {
        height: 240px !important;
    }
}

/* =========================================================
   ADMIN SIDEBAR LOGO PREMIUM FIX
========================================================= */

.admin-brand-box {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 16px 22px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.admin-brand-logo {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 18px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20) !important;
}

.admin-brand-box h2 {
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    margin: 0 !important;
    letter-spacing: -0.4px !important;
}

.admin-brand-box p {
    color: #bae6fd !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    margin: 4px 0 0 !important;
    letter-spacing: 0.5px !important;
}

/* =========================================================
   PUBLIC HEADER LOGO FIX
========================================================= */

.bti-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.bti-brand-logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    padding: 5px !important;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.18) !important;
}

.bti-brand span {
    display: flex !important;
    flex-direction: column !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
}

    .bti-brand span small {
        color: #0284c7 !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        margin-top: 4px !important;
    }
/* =========================================================
   PUBLIC HEADER LOGO PREMIUM FINAL FIX
========================================================= */

/* Public navbar मध्ये admin logo block चुकून आला असेल तर hide */
.navbar .admin-brand-box,
.bti-navbar .admin-brand-box,
header .admin-brand-box {
    display: none !important;
}

/* Public brand */
.ft-public-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
    padding: 10px 18px 10px 12px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
    box-shadow: 0 18px 46px rgba(37, 99, 235, 0.12) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.25s ease !important;
}

    .ft-public-brand:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 24px 60px rgba(37, 99, 235, 0.18) !important;
        text-decoration: none !important;
    }

.ft-public-logo-wrap {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
}

.ft-public-logo {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 14px !important;
}

.ft-public-brand-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.05 !important;
    min-width: 0 !important;
}

    .ft-public-brand-text strong {
        color: #0f172a !important;
        font-size: 22px !important;
        font-weight: 950 !important;
        letter-spacing: -0.5px !important;
    }

    .ft-public-brand-text small {
        color: #2563eb !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        margin-top: 6px !important;
        letter-spacing: 0.1px !important;
    }

/* Navbar clean alignment */
.navbar,
.bti-navbar {
    align-items: center !important;
}

    .navbar .container,
    .bti-navbar .container {
        display: flex !important;
        align-items: center !important;
        gap: 18px !important;
    }

/* Mobile */
@media (max-width: 768px) {
    .ft-public-brand {
        padding: 8px 12px 8px 8px !important;
        border-radius: 20px !important;
        gap: 10px !important;
    }

    .ft-public-logo-wrap {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        border-radius: 17px !important;
    }

    .ft-public-logo {
        width: 44px !important;
        height: 44px !important;
    }

    .ft-public-brand-text strong {
        font-size: 18px !important;
    }

    .ft-public-brand-text small {
        font-size: 10px !important;
    }
}
/* =========================================================
   PUBLIC RATE TABLE READABILITY FIX
========================================================= */

.ft-rate-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 24px !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    background: #ffffff !important;
}

.ft-rate-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    margin: 0 !important;
}

    .ft-rate-table thead tr {
        background: linear-gradient(135deg, #071629, #1e3a8a) !important;
    }

    .ft-rate-table th {
        padding: 18px 20px !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
        white-space: nowrap !important;
    }

        .ft-rate-table th:first-child {
            border-radius: 18px 0 0 18px !important;
        }

        .ft-rate-table th:last-child {
            border-radius: 0 18px 18px 0 !important;
        }

    .ft-rate-table tbody tr {
        background: #eef8ff !important;
        box-shadow: 0 10px 28px rgba(37, 99, 235, 0.06) !important;
    }

    .ft-rate-table td {
        padding: 18px 20px !important;
        color: #0f172a !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        vertical-align: middle !important;
    }

        .ft-rate-table td:first-child {
            border-radius: 18px 0 0 18px !important;
        }

        .ft-rate-table td:last-child {
            border-radius: 0 18px 18px 0 !important;
        }

        .ft-rate-table td strong {
            display: block !important;
            color: #0f172a !important;
            font-size: 17px !important;
            font-weight: 950 !important;
            margin-bottom: 5px !important;
        }

        .ft-rate-table td small {
            display: block !important;
            color: #64748b !important;
            font-size: 12px !important;
            font-weight: 800 !important;
        }

.ft-period-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    color: #075985 !important;
    background: #e0f2fe !important;
    border: 1px solid rgba(6, 182, 212, 0.18) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.ft-rate-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18) !important;
}

.ft-rate-note {
    margin-top: 22px !important;
    padding: 18px 20px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #075985 !important;
    background: #eefaff !important;
    border: 1px solid rgba(6, 182, 212, 0.22) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

    .ft-rate-note i {
        font-size: 20px !important;
        color: #0284c7 !important;
    }


/* Period second text */
.ft-period-small {
    display: block !important;
    margin-top: 7px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}


/* Period second text */
.ft-period-small {
    display: block !important;
    margin-top: 7px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-financial-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-bottom: 60px !important;
}
/* Page Hero */

.admin-financial-page .admin-page-title-row {
    position: relative !important;
    overflow: hidden !important;
    padding: 36px 40px !important;
    margin-bottom: 30px !important;
    border-radius: 34px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), radial-gradient(circle at 106% 100%, rgba(20, 184, 166, 0.26), transparent 36%), linear-gradient(135deg, #071629 0%, #123869 60%, #075985 100%) !important;
    box-shadow: 0 30px 86px rgba(37, 99, 235, 0.18) !important;
}

    .admin-financial-page .admin-page-title-row::after {
        content: "\F3E8" !important;
        font-family: "bootstrap-icons" !important;
        position: absolute !important;
        right: 44px !important;
        top: 36px !important;
        width: 88px !important;
        height: 88px !important;
        border-radius: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #67e8f9 !important;
        background: rgba(255, 255, 255, 0.13) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        font-size: 42px !important;
    }

    .admin-financial-page .admin-page-title-row h1 {
        color: #ffffff !important;
        font-size: clamp(34px, 3vw, 52px) !important;
        font-weight: 950 !important;
        letter-spacing: -1.2px !important;
        margin: 0 0 10px !important;
    }

    .admin-financial-page .admin-page-title-row p {
        max-width: 720px !important;
        color: #dbeafe !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }
/* Add Card */

.admin-financial-add-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 32px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.13) !important;
    margin-bottom: 32px !important;
}

    .admin-financial-add-card::before {
        content: "" !important;
        position: absolute !important;
        right: -90px !important;
        top: -90px !important;
        width: 260px !important;
        height: 260px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), rgba(37, 99, 235, 0.06), transparent 70%) !important;
    }

.admin-financial-card-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 28px !important;
}

    .admin-financial-card-head span {
        display: inline-flex !important;
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-financial-card-head h2 {
        color: #0f172a !important;
        font-size: clamp(26px, 2.4vw, 36px) !important;
        font-weight: 950 !important;
        letter-spacing: -0.8px !important;
        margin: 10px 0 0 !important;
    }

    .admin-financial-card-head > i {
        width: 72px !important;
        height: 72px !important;
        border-radius: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 32px !important;
        box-shadow: 0 20px 48px rgba(37, 99, 235, 0.24) !important;
    }
/* Form */

.admin-financial-form {
    position: relative !important;
    z-index: 2 !important;
}

    .admin-financial-form label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .admin-financial-form .form-control {
        min-height: 54px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        color: #0f172a !important;
        background: #ffffff !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04) !important;
    }

        .admin-financial-form .form-control:focus {
            border-color: rgba(37, 99, 235, 0.62) !important;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11) !important;
        }

.admin-financial-check {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
}

    .admin-financial-check input {
        width: 18px !important;
        height: 18px !important;
    }

    .admin-financial-check span {
        color: #0f172a !important;
        font-size: 14px !important;
        font-weight: 950 !important;
    }
/* Buttons */

.admin-financial-save-btn, .admin-financial-update-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 52px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 13px 24px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.23) !important;
    margin-top: 24px !important;
    transition: all 0.25s ease !important;
}

    .admin-financial-save-btn:hover, .admin-financial-update-btn:hover {
        transform: translateY(-3px) !important;
    }
/* Section Title */

.admin-financial-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 34px 0 20px !important;
}

    .admin-financial-section-title h2 {
        color: #0f172a !important;
        font-size: 31px !important;
        font-weight: 950 !important;
        letter-spacing: -0.8px !important;
        margin: 0 0 6px !important;
    }

    .admin-financial-section-title p {
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        margin: 0 !important;
    }

    .admin-financial-section-title > span {
        padding: 9px 15px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }
/* Preview Table Card */

.admin-financial-preview-card {
    padding: 28px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.12) !important;
    margin-bottom: 30px !important;
}

.admin-financial-preview-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

    .admin-financial-preview-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-financial-preview-head h3 {
        color: #0f172a !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        letter-spacing: -0.7px !important;
        margin: 9px 0 0 !important;
    }

    .admin-financial-preview-head small {
        padding: 10px 15px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }
/* Table */

.admin-financial-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 24px !important;
}

.admin-financial-table {
    width: 100% !important;
    min-width: 900px !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

    .admin-financial-table th {
        padding: 18px 18px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #071629, #1e3a8a) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

        .admin-financial-table th:first-child {
            border-radius: 18px 0 0 18px !important;
        }

        .admin-financial-table th:last-child {
            border-radius: 0 18px 18px 0 !important;
        }

    .admin-financial-table td {
        padding: 18px !important;
        color: #0f172a !important;
        background: #f8fbff !important;
        border-top: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-bottom: 1px solid rgba(37, 99, 235, 0.08) !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

        .admin-financial-table td:first-child {
            border-radius: 18px 0 0 18px !important;
            border-left: 1px solid rgba(37, 99, 235, 0.08) !important;
            font-weight: 950 !important;
            color: #2563eb !important;
        }

        .admin-financial-table td:last-child {
            border-radius: 0 18px 18px 0 !important;
            border-right: 1px solid rgba(37, 99, 235, 0.08) !important;
        }

        .admin-financial-table td strong {
            display: block !important;
            color: #0f172a !important;
            font-size: 15px !important;
            font-weight: 950 !important;
            margin-bottom: 5px !important;
        }

        .admin-financial-table td small {
            display: block !important;
            color: #64748b !important;
            font-size: 12px !important;
            font-weight: 850 !important;
        }

.admin-financial-status {
    display: inline-flex !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

    .admin-financial-status.active {
        background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    }

    .admin-financial-status.inactive {
        background: linear-gradient(135deg, #64748b, #334155) !important;
    }
/* Edit Cards */

.admin-financial-edit-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.admin-financial-edit-card {
    padding: 26px !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
}

.admin-financial-edit-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.10) !important;
}

    .admin-financial-edit-head span {
        display: inline-flex !important;
        padding: 7px 12px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-financial-edit-head h3 {
        color: #0f172a !important;
        font-size: 24px !important;
        font-weight: 950 !important;
        letter-spacing: -0.6px !important;
        margin: 10px 0 5px !important;
    }

    .admin-financial-edit-head p {
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        margin: 0 !important;
    }

    .admin-financial-edit-head strong {
        padding: 8px 13px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

        .admin-financial-edit-head strong.active {
            background: linear-gradient(135deg, #16a34a, #22c55e) !important;
        }

        .admin-financial-edit-head strong.inactive {
            background: linear-gradient(135deg, #64748b, #334155) !important;
        }

.admin-financial-delete-btn {
    width: 100% !important;
    min-height: 48px !important;
    border: none !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    margin-top: 14px !important;
    box-shadow: 0 16px 34px rgba(239, 68, 68, 0.20) !important;
}

.admin-financial-empty {
    padding: 60px 30px !important;
    border-radius: 34px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 28px 76px rgba(37, 99, 235, 0.12) !important;
}

    .admin-financial-empty i {
        font-size: 58px !important;
        color: #0284c7 !important;
    }

    .admin-financial-empty h3 {
        color: #0f172a !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        margin: 18px 0 8px !important;
    }

    .admin-financial-empty p {
        color: #64748b !important;
        font-size: 15px !important;
        font-weight: 750 !important;
    }
/* Responsive */

@media (max-width: 1200px) {
    .admin-financial-edit-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .admin-financial-page .admin-page-title-row {
        padding: 28px !important;
    }

        .admin-financial-page .admin-page-title-row::after {
            display: none !important;
        }

    .admin-financial-add-card, .admin-financial-preview-card, .admin-financial-edit-card {
        padding: 22px !important;
        border-radius: 26px !important;
    }

    .admin-financial-card-head, .admin-financial-preview-head, .admin-financial-section-title {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}


.ft-financial-public-section {
    padding: 78px 0 !important;
    background: radial-gradient(circle at 10% 14%, rgba(37, 99, 235, 0.09), transparent 30%), radial-gradient(circle at 88% 18%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #ecfeff 100%) !important;
}

.ft-financial-public-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 34px !important;
    border-radius: 36px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 34px 92px rgba(37, 99, 235, 0.14) !important;
}

    .ft-financial-public-card::before {
        content: "" !important;
        position: absolute !important;
        right: -95px !important;
        top: -95px !important;
        width: 280px !important;
        height: 280px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), rgba(37, 99, 235, 0.06), transparent 72%) !important;
    }

.ft-financial-public-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
}

    .ft-financial-public-head span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 9px 15px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        border: 1px solid rgba(6, 182, 212, 0.18) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .ft-financial-public-head h2 {
        color: #0f172a !important;
        font-size: clamp(30px, 3vw, 44px) !important;
        font-weight: 950 !important;
        letter-spacing: -1.1px !important;
        line-height: 1.12 !important;
        margin: 14px 0 10px !important;
    }

    .ft-financial-public-head p {
        max-width: 720px !important;
        color: #64748b !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }

.ft-financial-year-box {
    flex: 0 0 auto !important;
    min-width: 270px !important;
    padding: 18px 20px !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 12%, rgba(6, 182, 212, 0.34), transparent 36%), linear-gradient(135deg, #071629, #1e3a8a) !important;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18) !important;
}

    .ft-financial-year-box strong {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .ft-financial-year-box i {
        color: #67e8f9 !important;
        font-size: 18px !important;
    }

.ft-financial-unit {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    margin-bottom: 18px !important;
    border-radius: 999px !important;
    color: #075985 !important;
    background: #eefaff !important;
    border: 1px solid rgba(6, 182, 212, 0.22) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

    .ft-financial-unit i {
        font-size: 18px !important;
        color: #0284c7 !important;
    }
/* Table */

.ft-financial-table-wrap {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
}

.ft-financial-table {
    width: 100% !important;
    min-width: 920px !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    margin: 0 !important;
    padding: 0 10px 10px !important;
}

    .ft-financial-table thead tr {
        background: transparent !important;
    }

    .ft-financial-table th {
        padding: 18px 18px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #071629, #1e3a8a) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.35px !important;
        white-space: nowrap !important;
    }

        .ft-financial-table th:first-child {
            border-radius: 20px 0 0 20px !important;
        }

        .ft-financial-table th:last-child {
            border-radius: 0 20px 20px 0 !important;
        }

    .ft-financial-table tbody tr {
        transition: all 0.25s ease !important;
    }

        .ft-financial-table tbody tr:hover {
            transform: translateY(-3px) !important;
        }

    .ft-financial-table td {
        padding: 18px !important;
        color: #0f172a !important;
        background: #f8fbff !important;
        border-top: 1px solid rgba(37, 99, 235, 0.08) !important;
        border-bottom: 1px solid rgba(37, 99, 235, 0.08) !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

        .ft-financial-table td:first-child {
            border-radius: 20px 0 0 20px !important;
            border-left: 1px solid rgba(37, 99, 235, 0.08) !important;
        }

        .ft-financial-table td:last-child {
            border-radius: 0 20px 20px 0 !important;
            border-right: 1px solid rgba(37, 99, 235, 0.08) !important;
        }

.ft-financial-sr {
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18) !important;
}

.ft-financial-table td strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    margin-bottom: 5px !important;
}

.ft-financial-table td small {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.ft-financial-amount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 145px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

    .ft-financial-amount.highlight {
        color: #075985 !important;
        background: #e0f2fe !important;
        border-color: rgba(6, 182, 212, 0.22) !important;
    }

.ft-financial-change {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 145px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(34, 197, 94, 0.18) !important;
}

.ft-financial-note {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 24px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #075985 !important;
    background: #eefaff !important;
    border: 1px solid rgba(6, 182, 212, 0.22) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

    .ft-financial-note i {
        font-size: 22px !important;
        color: #0284c7 !important;
    }
/* Mobile Cards */

.ft-financial-mobile-grid {
    display: none !important;
    margin-top: 24px !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

.ft-financial-mobile-card {
    padding: 22px !important;
    border-radius: 26px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 22px 58px rgba(37, 99, 235, 0.11) !important;
}

.ft-financial-mobile-title {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    margin-bottom: 18px !important;
}

    .ft-financial-mobile-title i {
        width: 50px !important;
        height: 50px !important;
        border-radius: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-size: 22px !important;
    }

    .ft-financial-mobile-title h3 {
        color: #0f172a !important;
        font-size: 20px !important;
        font-weight: 950 !important;
        margin: 0 !important;
    }

.ft-financial-mobile-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 13px 0 !important;
    border-top: 1px solid rgba(37, 99, 235, 0.10) !important;
}

    .ft-financial-mobile-row span {
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    .ft-financial-mobile-row strong {
        color: #0f172a !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        text-align: right !important;
    }

    .ft-financial-mobile-row.change strong {
        color: #16a34a !important;
    }
/* Empty */

.ft-financial-empty {
    max-width: 640px !important;
    margin: 0 auto !important;
    padding: 62px 30px !important;
    border-radius: 36px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.12) !important;
}

    .ft-financial-empty i {
        font-size: 62px !important;
        color: #0284c7 !important;
    }

    .ft-financial-empty h2 {
        color: #0f172a !important;
        font-size: 32px !important;
        font-weight: 950 !important;
        margin: 18px 0 10px !important;
    }

    .ft-financial-empty p {
        color: #64748b !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }
/* Responsive */

@media (max-width: 992px) {
    .ft-financial-public-head {
        flex-direction: column !important;
    }

    .ft-financial-year-box {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 768px) {
    .ft-financial-public-section {
        padding: 52px 0 !important;
    }

    .ft-financial-public-card {
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .ft-financial-table-wrap {
        display: none !important;
    }

    .ft-financial-mobile-grid {
        display: grid !important;
    }

    .ft-financial-note {
        align-items: flex-start !important;
    }
}

@media (max-width: 576px) {
    .ft-financial-public-card {
        padding: 20px !important;
    }

    .ft-financial-public-head h2 {
        font-size: 28px !important;
    }

    .ft-financial-year-box {
        flex-wrap: wrap !important;
        padding: 16px !important;
    }
}


/* =========================================================
   PUBLIC CYBER SECURITY PAGE - PREMIUM UI
========================================================= */

.ft-cyber-section {
    padding: 78px 0 !important;
    background: radial-gradient(circle at 10% 14%, rgba(37, 99, 235, 0.09), transparent 30%), radial-gradient(circle at 88% 18%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #ecfeff 100%) !important;
}

.ft-cyber-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 36px !important;
    border-radius: 36px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 34px 92px rgba(37, 99, 235, 0.14) !important;
}

    .ft-cyber-card::before {
        content: "" !important;
        position: absolute !important;
        right: -95px !important;
        top: -95px !important;
        width: 280px !important;
        height: 280px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), rgba(37, 99, 235, 0.06), transparent 72%) !important;
    }

.ft-cyber-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 28px !important;
}

    .ft-cyber-head span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 9px 15px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        border: 1px solid rgba(6, 182, 212, 0.18) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .ft-cyber-head h2 {
        color: #0f172a !important;
        font-size: clamp(30px, 3vw, 44px) !important;
        font-weight: 950 !important;
        letter-spacing: -1.1px !important;
        line-height: 1.12 !important;
        margin: 14px 0 0 !important;
    }

.ft-cyber-icon {
    flex: 0 0 auto !important;
    width: 82px !important;
    height: 82px !important;
    border-radius: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 80% 15%, rgba(6, 182, 212, 0.35), transparent 36%), linear-gradient(135deg, #071629, #1e3a8a) !important;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18) !important;
}

    .ft-cyber-icon i {
        font-size: 38px !important;
    }

.ft-cyber-content {
    position: relative !important;
    z-index: 2 !important;
    padding: 28px !important;
    border-radius: 28px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.10) !important;
}

    .ft-cyber-content h3 {
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
        letter-spacing: -0.6px !important;
        margin: 0 0 14px !important;
    }

    .ft-cyber-content p {
        color: #475569 !important;
        font-size: 16px !important;
        line-height: 1.85 !important;
        font-weight: 750 !important;
        margin: 0 0 16px !important;
    }

    .ft-cyber-content ul {
        margin: 18px 0 0 !important;
        padding-left: 20px !important;
    }

    .ft-cyber-content li {
        color: #475569 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        font-weight: 750 !important;
        margin-bottom: 10px !important;
    }

.ft-cyber-alert {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 24px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #92400e !important;
    background: #fff7ed !important;
    border: 1px solid rgba(249, 115, 22, 0.24) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

    .ft-cyber-alert i {
        font-size: 22px !important;
        color: #f97316 !important;
    }

@media (max-width: 768px) {
    .ft-cyber-section {
        padding: 52px 0 !important;
    }

    .ft-cyber-card {
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .ft-cyber-head {
        flex-direction: column !important;
    }

    .ft-cyber-icon {
        width: 70px !important;
        height: 70px !important;
        border-radius: 24px !important;
    }

    .ft-cyber-content {
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .ft-cyber-alert {
        align-items: flex-start !important;
    }
}

/* =========================================================
   CYBER SECURITY PAGE - CLEAN INFORMATION CARD UI
========================================================= */

.ft-cyber-info-section {
    padding: 76px 0 !important;
    background: radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.08), transparent 30%), radial-gradient(circle at 90% 15%, rgba(6, 182, 212, 0.10), transparent 32%), linear-gradient(135deg, #f8fbff 0%, #ffffff 50%, #eefaff 100%) !important;
}

.ft-cyber-info-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 42px 48px !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(246, 241, 255, 0.94)) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12) !important;
}

    .ft-cyber-info-card::before {
        content: "" !important;
        position: absolute !important;
        right: -90px !important;
        top: -80px !important;
        width: 260px !important;
        height: 260px !important;
        border-radius: 42px !important;
        background: rgba(37, 99, 235, 0.05) !important;
        transform: rotate(45deg) !important;
    }

    .ft-cyber-info-card::after {
        content: "" !important;
        position: absolute !important;
        left: -80px !important;
        bottom: -90px !important;
        width: 240px !important;
        height: 240px !important;
        border-radius: 42px !important;
        background: rgba(6, 182, 212, 0.06) !important;
        transform: rotate(45deg) !important;
    }

.ft-cyber-info-head {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    max-width: 850px !important;
    margin: 0 auto 34px !important;
}

    .ft-cyber-info-head span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 9px 16px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        border: 1px solid rgba(6, 182, 212, 0.20) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 16px !important;
    }

    .ft-cyber-info-head h2 {
        color: #0f172a !important;
        font-size: clamp(32px, 3vw, 48px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        letter-spacing: -1px !important;
        margin: 0 !important;
    }

.ft-cyber-list-box {
    position: relative !important;
    z-index: 2 !important;
    padding: 10px 0 0 !important;
}

    .ft-cyber-list-box h3 {
        color: #0f172a !important;
        font-size: 20px !important;
        font-weight: 950 !important;
        margin: 0 0 18px !important;
    }

.ft-cyber-bullet-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    .ft-cyber-bullet-list li {
        position: relative !important;
        padding: 0 0 0 30px !important;
        margin-bottom: 18px !important;
        color: #0f172a !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
        font-weight: 650 !important;
    }

        .ft-cyber-bullet-list li::before {
            content: "" !important;
            position: absolute !important;
            left: 6px !important;
            top: 13px !important;
            width: 6px !important;
            height: 6px !important;
            border-radius: 50% !important;
            background: #64748b !important;
        }

        .ft-cyber-bullet-list li strong {
            color: #0f172a !important;
            font-weight: 950 !important;
        }

.ft-cyber-warning-box {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 28px !important;
    padding: 18px 20px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #92400e !important;
    background: #fff7ed !important;
    border: 1px solid rgba(249, 115, 22, 0.24) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

    .ft-cyber-warning-box i {
        font-size: 22px !important;
        color: #f97316 !important;
    }

@media (max-width: 768px) {
    .ft-cyber-info-section {
        padding: 52px 0 !important;
    }

    .ft-cyber-info-card {
        padding: 30px 24px !important;
        border-radius: 22px !important;
    }

    .ft-cyber-info-head {
        text-align: left !important;
        margin-bottom: 26px !important;
    }

    .ft-cyber-bullet-list li {
        font-size: 15px !important;
        line-height: 1.7 !important;
        margin-bottom: 15px !important;
    }

    .ft-cyber-warning-box {
        align-items: flex-start !important;
    }
}

/* =========================================================
   HEADER ENQUIRY BUTTON FIX
========================================================= */

.bti-enquiry-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 132px !important;
    height: 58px !important;
    padding: 0 22px !important;
    border-radius: 22px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0f172a, #123869) !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

    .bti-enquiry-nav-btn i {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #071629 !important;
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        font-size: 18px !important;
    }

    .bti-enquiry-nav-btn span {
        display: inline-flex !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .bti-enquiry-nav-btn:hover {
        color: #ffffff !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 24px 54px rgba(15, 23, 42, 0.24) !important;
    }

/* =========================================================
   NAMOKAR TECH PREMIUM DEVELOPER CREDIT
========================================================= */

.ft-namokar-credit {
    position: relative !important;
    overflow: hidden !important;
    margin: 34px 0 18px !important;
    padding: 18px 20px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    background: radial-gradient(circle at 92% 18%, rgba(6, 182, 212, 0.28), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.18) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

    .ft-namokar-credit::before {
        content: "" !important;
        position: absolute !important;
        right: -70px !important;
        bottom: -80px !important;
        width: 180px !important;
        height: 180px !important;
        border-radius: 50% !important;
        background: rgba(56, 189, 248, 0.16) !important;
    }

.ft-namokar-credit-left {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.ft-namokar-logo-mark {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #071629 !important;
    background: linear-gradient(135deg, #38bdf8, #fbbf24) !important;
    font-size: 26px !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(56, 189, 248, 0.24) !important;
}

.ft-namokar-credit-left small {
    display: block !important;
    color: #bae6fd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

.ft-namokar-credit-left strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.3px !important;
}

.ft-namokar-credit-btn {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    color: #071629 !important;
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 16px 34px rgba(245, 158, 11, 0.26) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

    .ft-namokar-credit-btn:hover {
        color: #071629 !important;
        transform: translateY(-3px) !important;
        text-decoration: none !important;
    }

    .ft-namokar-credit-btn i {
        font-size: 16px !important;
    }

@media (max-width: 768px) {
    .ft-namokar-credit {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 18px !important;
    }

    .ft-namokar-credit-btn {
        width: 100% !important;
    }
}

/* =========================================================
   CUSTOMER COMPLAINT / GRIEVANCE - PREMIUM UI
========================================================= */

.ft-complaint-section,
.ft-track-section,
.ft-complaint-success-section {
    padding: 78px 0 !important;
    background: radial-gradient(circle at 10% 14%, rgba(37, 99, 235, 0.09), transparent 30%), radial-gradient(circle at 88% 18%, rgba(6, 182, 212, 0.12), transparent 32%), linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #ecfeff 100%) !important;
}

.ft-complaint-grid {
    display: grid !important;
    grid-template-columns: 1.35fr 0.65fr !important;
    gap: 28px !important;
    align-items: flex-start !important;
}

.ft-complaint-card,
.ft-complaint-side-card,
.ft-track-card,
.ft-complaint-success-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 34px !important;
    border-radius: 36px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 34px 92px rgba(37, 99, 235, 0.14) !important;
}

    .ft-complaint-card::before,
    .ft-complaint-side-card::before,
    .ft-track-card::before,
    .ft-complaint-success-card::before {
        content: "" !important;
        position: absolute !important;
        right: -95px !important;
        top: -95px !important;
        width: 280px !important;
        height: 280px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(6, 182, 212, 0.20), rgba(37, 99, 235, 0.06), transparent 72%) !important;
    }

.ft-complaint-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: 28px !important;
}

    .ft-complaint-head span,
    .ft-track-head span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 9px 15px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        border: 1px solid rgba(6, 182, 212, 0.18) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .ft-complaint-head h2,
    .ft-track-head h2 {
        color: #0f172a !important;
        font-size: clamp(30px, 3vw, 44px) !important;
        font-weight: 950 !important;
        letter-spacing: -1px !important;
        margin: 14px 0 10px !important;
    }

    .ft-complaint-head p {
        color: #64748b !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }

.ft-complaint-icon,
.ft-complaint-side-icon,
.ft-success-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    border-radius: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #071629, #1e3a8a) !important;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18) !important;
}

    .ft-complaint-icon i,
    .ft-complaint-side-icon i,
    .ft-success-icon i {
        font-size: 38px !important;
    }

.ft-complaint-form,
.ft-track-form {
    position: relative !important;
    z-index: 2 !important;
}

    .ft-complaint-form label,
    .ft-track-form label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

        .ft-complaint-form label span {
            color: #ef4444 !important;
        }

    .ft-complaint-form .form-control,
    .ft-track-form .form-control {
        min-height: 54px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        color: #0f172a !important;
        background: #ffffff !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04) !important;
    }

    .ft-complaint-form textarea.form-control {
        min-height: 120px !important;
    }

.ft-complaint-submit-btn,
.ft-track-submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 54px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 13px 26px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.23) !important;
    margin-top: 26px !important;
}

.ft-complaint-side-card h3 {
    position: relative !important;
    z-index: 2 !important;
    color: #0f172a !important;
    font-size: 26px !important;
    font-weight: 950 !important;
    margin: 22px 0 20px !important;
}

.ft-complaint-process {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 14px !important;
}

    .ft-complaint-process div {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 16px !important;
        border-radius: 20px !important;
        background: #f8fbff !important;
        border: 1px solid rgba(37, 99, 235, 0.10) !important;
    }

    .ft-complaint-process strong {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-weight: 950 !important;
    }

    .ft-complaint-process span {
        color: #334155 !important;
        font-size: 14px !important;
        font-weight: 850 !important;
    }

.ft-rbi-note {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 22px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #fff7ed !important;
    border: 1px solid rgba(249, 115, 22, 0.24) !important;
}

    .ft-rbi-note > i {
        color: #f97316 !important;
        font-size: 24px !important;
    }

    .ft-rbi-note p {
        color: #92400e !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
        font-weight: 850 !important;
        margin: 10px 0 14px !important;
    }

    .ft-rbi-note a,
    .ft-track-complaint-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #071629 !important;
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        padding: 11px 16px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

.ft-track-complaint-btn {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 18px !important;
    width: 100% !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #071629, #1e3a8a) !important;
}

/* Success */
.ft-complaint-success-card {
    max-width: 860px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.ft-success-icon {
    margin: 0 auto 22px !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
}

.ft-complaint-success-card h1 {
    position: relative !important;
    z-index: 2 !important;
    color: #0f172a !important;
    font-size: clamp(32px, 3vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -1px !important;
}

.ft-complaint-success-card p {
    position: relative !important;
    z-index: 2 !important;
    color: #64748b !important;
    font-size: 16px !important;
    font-weight: 750 !important;
}

.ft-complaint-number-box {
    position: relative !important;
    z-index: 2 !important;
    margin: 28px auto !important;
    max-width: 520px !important;
    padding: 24px !important;
    border-radius: 26px !important;
    background: #e0f2fe !important;
    border: 1px solid rgba(6, 182, 212, 0.22) !important;
}

    .ft-complaint-number-box span {
        display: block !important;
        color: #075985 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

    .ft-complaint-number-box strong {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        letter-spacing: 1px !important;
    }

.ft-success-details,
.ft-track-result-grid {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 24px !important;
}

    .ft-success-details div,
    .ft-track-result-grid div {
        padding: 18px !important;
        border-radius: 20px !important;
        background: #f8fbff !important;
        border: 1px solid rgba(37, 99, 235, 0.10) !important;
        text-align: left !important;
    }

    .ft-success-details span,
    .ft-track-result-grid span {
        display: block !important;
        color: #64748b !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        margin-bottom: 6px !important;
    }

    .ft-success-details strong,
    .ft-track-result-grid strong {
        color: #0f172a !important;
        font-size: 15px !important;
        font-weight: 950 !important;
    }

.ft-success-actions {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 28px !important;
}

    .ft-success-actions a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 13px 18px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

/* Track result */
.ft-track-result {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 30px !important;
    padding: 24px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 22px 54px rgba(37, 99, 235, 0.10) !important;
}

.ft-track-result-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

    .ft-track-result-head span {
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    .ft-track-result-head h3 {
        color: #0f172a !important;
        font-size: 28px !important;
        font-weight: 950 !important;
        margin: 4px 0 0 !important;
    }

    .ft-track-result-head strong,
    .admin-complaint-status {
        display: inline-flex !important;
        padding: 9px 14px !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

        .status-new,
        .admin-complaint-status.new {
            background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        }

        .status-in-review,
        .admin-complaint-status.in-review {
            background: linear-gradient(135deg, #f97316, #f59e0b) !important;
        }

        .status-resolved,
        .admin-complaint-status.resolved {
            background: linear-gradient(135deg, #16a34a, #22c55e) !important;
        }

        .status-rejected,
        .admin-complaint-status.rejected {
            background: linear-gradient(135deg, #ef4444, #f97316) !important;
        }

        .status-escalated,
        .admin-complaint-status.escalated {
            background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
        }

.ft-admin-remark-box {
    margin-top: 20px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #eefaff !important;
    border: 1px solid rgba(6, 182, 212, 0.22) !important;
}

    .ft-admin-remark-box span {
        color: #075985 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .ft-admin-remark-box p {
        color: #0f172a !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
        font-weight: 800 !important;
        margin: 8px 0 0 !important;
    }

/* Admin Complaints */
.admin-complaint-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-bottom: 60px !important;
}

    .admin-complaint-page .admin-page-title-row {
        position: relative !important;
        overflow: hidden !important;
        padding: 36px 40px !important;
        margin-bottom: 30px !important;
        border-radius: 34px !important;
        color: #ffffff !important;
        background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), linear-gradient(135deg, #071629 0%, #123869 60%, #075985 100%) !important;
        box-shadow: 0 30px 86px rgba(37, 99, 235, 0.18) !important;
    }

        .admin-complaint-page .admin-page-title-row h1 {
            color: #ffffff !important;
            font-size: clamp(34px, 3vw, 52px) !important;
            font-weight: 950 !important;
        }

        .admin-complaint-page .admin-page-title-row p {
            color: #dbeafe !important;
            font-size: 17px !important;
            font-weight: 750 !important;
        }

.admin-complaint-filter-card,
.admin-complaint-card,
.admin-complaint-empty {
    padding: 28px !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 26px 70px rgba(37, 99, 235, 0.11) !important;
}

.admin-complaint-filter-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
}

    .admin-complaint-filter-card span {
        color: #075985 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .admin-complaint-filter-card h2 {
        color: #0f172a !important;
        font-size: 30px !important;
        font-weight: 950 !important;
        margin: 6px 0 0 !important;
    }

.admin-complaint-filter-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

    .admin-complaint-filter-links a {
        padding: 10px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

        .admin-complaint-filter-links a.active {
            color: #ffffff !important;
            background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        }

.admin-complaint-grid {
    display: grid !important;
    gap: 24px !important;
}

.admin-complaint-card-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.10) !important;
    margin-bottom: 18px !important;
}

    .admin-complaint-card-head span {
        color: #075985 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .admin-complaint-card-head h3 {
        color: #0f172a !important;
        font-size: 26px !important;
        font-weight: 950 !important;
        margin: 6px 0 4px !important;
    }

    .admin-complaint-card-head p {
        color: #64748b !important;
        margin: 0 !important;
        font-weight: 850 !important;
    }

.admin-complaint-meta {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

    .admin-complaint-meta div,
    .admin-complaint-details-box {
        padding: 16px !important;
        border-radius: 20px !important;
        background: #f8fbff !important;
        border: 1px solid rgba(37, 99, 235, 0.10) !important;
    }

        .admin-complaint-meta span,
        .admin-complaint-details-box span {
            display: block !important;
            color: #64748b !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            margin-bottom: 6px !important;
        }

    .admin-complaint-meta strong {
        color: #0f172a !important;
        font-size: 14px !important;
        font-weight: 950 !important;
    }

.admin-complaint-details-box {
    margin-bottom: 14px !important;
}

    .admin-complaint-details-box p {
        color: #334155 !important;
        line-height: 1.7 !important;
        font-weight: 750 !important;
        margin: 0 !important;
    }

.admin-complaint-update-form label {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    margin-bottom: 8px !important;
}

.admin-complaint-update-form .form-control {
    min-height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(148, 163, 184, 0.34) !important;
    font-weight: 850 !important;
}

.admin-complaint-update-btn {
    margin-top: 18px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-weight: 950 !important;
}

.ft-more-menu-icon.complaint {
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
}

.ft-more-menu-icon.track {
    background: linear-gradient(135deg, #0f172a, #2563eb) !important;
}

@media (max-width: 992px) {
    .ft-complaint-grid {
        grid-template-columns: 1fr !important;
    }

    .ft-success-details,
    .ft-track-result-grid,
    .admin-complaint-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-complaint-filter-card {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 576px) {
    .ft-complaint-card,
    .ft-complaint-side-card,
    .ft-track-card,
    .ft-complaint-success-card {
        padding: 22px !important;
        border-radius: 28px !important;
    }

    .ft-complaint-head {
        flex-direction: column !important;
    }

    .ft-success-details,
    .ft-track-result-grid,
    .admin-complaint-meta {
        grid-template-columns: 1fr !important;
    }

    .ft-track-result-head,
    .admin-complaint-card-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* =========================================================
   HEADER COMPLAINTS PREMIUM DROPDOWN BUTTON
========================================================= */

.bti-complaint-nav-item {
    position: relative !important;
}

.bti-complaint-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 150px !important;
    height: 58px !important;
    padding: 0 22px !important;
    border-radius: 22px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

    .bti-complaint-nav-btn i {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #071629 !important;
        background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
        font-size: 18px !important;
    }

    .bti-complaint-nav-btn span {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .bti-complaint-nav-btn:hover,
    .bti-complaint-nav-btn:focus,
    .bti-complaint-nav-btn.show {
        color: #ffffff !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 24px 54px rgba(15, 23, 42, 0.24) !important;
    }

    .bti-complaint-nav-btn::after {
        margin-left: 2px !important;
        color: #ffffff !important;
    }

/* Dropdown Box */
.bti-complaint-dropdown {
    min-width: 390px !important;
    padding: 18px !important;
    margin-top: 16px !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 32px 86px rgba(15, 23, 42, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

/* Premium Cards */
.bti-complaint-menu-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 108px !important;
    padding: 20px !important;
    border-radius: 22px !important;
    text-decoration: none !important;
    background: radial-gradient(circle at 92% 14%, rgba(6, 182, 212, 0.12), transparent 34%), linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.08) !important;
    transition: all 0.25s ease !important;
}

    .bti-complaint-menu-card + .bti-complaint-menu-card {
        margin-top: 14px !important;
    }

    .bti-complaint-menu-card:hover {
        transform: translateY(-4px) !important;
        text-decoration: none !important;
        background: #f8fbff !important;
        border-color: rgba(6, 182, 212, 0.28) !important;
        box-shadow: 0 22px 52px rgba(37, 99, 235, 0.14) !important;
    }

.bti-complaint-menu-icon {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 27px !important;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.18) !important;
}

.bti-complaint-menu-card.raise .bti-complaint-menu-icon {
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
}

.bti-complaint-menu-card.track .bti-complaint-menu-icon {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
}

.bti-complaint-menu-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

    .bti-complaint-menu-text strong {
        color: #0f172a !important;
        font-size: 18px !important;
        font-weight: 950 !important;
        line-height: 1.2 !important;
    }

    .bti-complaint-menu-text small {
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        margin-top: 6px !important;
    }

/* Mobile */
@media (max-width: 768px) {
    .bti-complaint-nav-btn {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .bti-complaint-dropdown {
        min-width: 100% !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .bti-complaint-menu-card {
        min-height: 96px !important;
        padding: 16px !important;
    }

    .bti-complaint-menu-icon {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        border-radius: 18px !important;
        font-size: 23px !important;
    }
}

/* =========================================================
   COMPLAINT DROPDOWN RIGHT SIDE CUT FIX
========================================================= */

.bti-complaint-nav-item {
    position: relative !important;
}

    .bti-complaint-nav-item .bti-complaint-dropdown {
        left: auto !important;
        right: 0 !important;
        min-width: 390px !important;
        max-width: calc(100vw - 32px) !important;
        transform: none !important;
    }

/* Header dropdown बाहेर cut होऊ नये */
.navbar,
.navbar-collapse,
.bti-navbar,
.bti-main-header,
.bti-header-main {
    overflow: visible !important;
}

/* Complaint button text proper */
.bti-complaint-nav-btn {
    min-width: 168px !important;
}

.bti-complaint-menu-card {
    width: 100% !important;
}

.bti-complaint-menu-text strong,
.bti-complaint-menu-text small {
    white-space: normal !important;
}

/* Mobile */
@media (max-width: 768px) {
    .bti-complaint-nav-item .bti-complaint-dropdown {
        left: 0 !important;
        right: auto !important;
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .bti-complaint-nav-btn {
        min-width: 100% !important;
    }
}

/* =========================================================
   ADMIN USER ACCESS - PREMIUM UI
========================================================= */

.admin-user-access-page,
.admin-access-denied-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-bottom: 60px !important;
}

    .admin-user-access-page .admin-page-title-row {
        position: relative !important;
        overflow: hidden !important;
        padding: 36px 40px !important;
        margin-bottom: 30px !important;
        border-radius: 34px !important;
        color: #ffffff !important;
        background: radial-gradient(circle at 90% 16%, rgba(6, 182, 212, 0.34), transparent 34%), linear-gradient(135deg, #071629 0%, #123869 60%, #075985 100%) !important;
        box-shadow: 0 30px 86px rgba(37, 99, 235, 0.18) !important;
    }

        .admin-user-access-page .admin-page-title-row h1 {
            color: #ffffff !important;
            font-size: clamp(34px, 3vw, 52px) !important;
            font-weight: 950 !important;
        }

        .admin-user-access-page .admin-page-title-row p {
            color: #dbeafe !important;
            font-size: 17px !important;
            font-weight: 750 !important;
        }

.admin-access-search-card,
.admin-access-card,
.admin-access-denied-card {
    padding: 30px !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 30px 82px rgba(37, 99, 235, 0.13) !important;
    margin-bottom: 26px !important;
}

    .admin-access-search-card label {
        display: block !important;
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        margin-bottom: 8px !important;
    }

.admin-access-search-row {
    display: flex !important;
    gap: 14px !important;
}

    .admin-access-search-row .form-control {
        min-height: 54px !important;
        border-radius: 18px !important;
        font-weight: 850 !important;
    }

    .admin-access-search-row button,
    .admin-access-save-btn,
    .admin-access-denied-card a {
        min-height: 54px !important;
        border: none !important;
        border-radius: 999px !important;
        padding: 13px 24px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
        font-weight: 950 !important;
        box-shadow: 0 18px 42px rgba(37, 99, 235, 0.23) !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }

.admin-access-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
}

    .admin-access-head span {
        display: inline-flex !important;
        padding: 8px 14px !important;
        border-radius: 999px !important;
        color: #075985 !important;
        background: #e0f2fe !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .admin-access-head h2 {
        color: #0f172a !important;
        font-size: clamp(26px, 2.4vw, 36px) !important;
        font-weight: 950 !important;
        margin: 10px 0 0 !important;
    }

    .admin-access-head > i {
        width: 72px !important;
        height: 72px !important;
        border-radius: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #071629, #1e3a8a) !important;
        font-size: 32px !important;
    }

.admin-access-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.admin-access-item {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    transition: all 0.25s ease !important;
}

    .admin-access-item:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(6, 182, 212, 0.28) !important;
        box-shadow: 0 20px 46px rgba(37, 99, 235, 0.12) !important;
    }

    .admin-access-item input {
        display: none !important;
    }

.admin-access-check-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: transparent !important;
    background: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
}

.admin-access-item input:checked + .admin-access-check-icon {
    color: #ffffff !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
}

.admin-access-text strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.admin-access-text small {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    margin-top: 4px !important;
}

.admin-access-save-btn {
    margin-top: 24px !important;
}

.admin-access-denied-card {
    max-width: 680px !important;
    margin: 60px auto !important;
    text-align: center !important;
}

.admin-access-denied-icon {
    width: 90px !important;
    height: 90px !important;
    margin: 0 auto 22px !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    font-size: 42px !important;
}

.admin-access-denied-card h1 {
    color: #0f172a !important;
    font-size: 42px !important;
    font-weight: 950 !important;
}

.admin-access-denied-card p {
    color: #64748b !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 750 !important;
    margin-bottom: 24px !important;
}

@media (max-width: 992px) {
    .admin-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .admin-access-search-row {
        flex-direction: column !important;
    }

    .admin-access-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-access-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

.admin-access-mini-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    border: none !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

    .admin-access-mini-btn:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .admin-access-mini-btn.danger {
        background: linear-gradient(135deg, #ef4444, #f97316) !important;
    }

/* =========================================================
   PUBLIC HEADER FINAL FIT PATCH
   Logo + All Buttons Proper Fit In One Row
========================================================= */

/* Header full width allow */
.bti-main-header,
.bti-header-main,
.ft-main-header,
.ft-header-main,
.site-header,
.navbar {
    position: relative !important;
    height: auto !important;
    min-height: 112px !important;
    overflow: visible !important;
    background: #ffffff !important;
    z-index: 1000 !important;
}

    /* Bootstrap container width वाढवले, म्हणून buttons hide होणार नाहीत */
    .bti-main-header > .container,
    .bti-header-main > .container,
    .ft-main-header > .container,
    .ft-header-main > .container,
    .navbar > .container,
    .navbar > .container-fluid {
        width: 100% !important;
        max-width: 1480px !important;
        margin: 0 auto !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        min-height: 112px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 18px !important;
        overflow: visible !important;
    }

/* Logo fixed आणि clean */
.navbar-brand,
.bti-brand-card,
.bti-logo-card,
.ft-brand-card,
.site-brand {
    position: relative !important;
    z-index: 10 !important;
    flex: 0 0 255px !important;
    width: 255px !important;
    min-width: 255px !important;
    max-width: 255px !important;
    margin: 0 !important;
    transform: none !important;
}

    /* Logo image size proper */
    .navbar-brand img,
    .bti-brand-card img,
    .bti-logo-card img,
    .ft-brand-card img,
    .site-brand img {
        max-width: 62px !important;
        max-height: 62px !important;
        object-fit: contain !important;
    }

/* Menu logo च्या पुढेच सुरू होईल */
.navbar-collapse,
.bti-navbar,
.bti-nav-wrapper,
.bti-main-menu-wrap,
.ft-nav-wrapper {
    position: relative !important;
    z-index: 20 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    overflow: visible !important;
    transform: none !important;
}

/* Menu single row मध्ये */
.navbar-nav,
.bti-main-menu,
.bti-navbar-nav,
.ft-main-menu {
    position: relative !important;
    z-index: 25 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

    /* Direct a किंवा li दोन्ही visible */
    .navbar-nav > li,
    .bti-main-menu > li,
    .bti-navbar-nav > li,
    .navbar-nav > a,
    .bti-main-menu > a,
    .bti-navbar-nav > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
    }

/* All nav buttons compact but premium */
.navbar .nav-link,
.bti-nav-link,
.bti-complaint-nav-btn,
.bti-enquiry-nav-btn {
    position: relative !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 11px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

    /* Icons compact */
    .navbar .nav-link i,
    .bti-nav-link i,
    .bti-complaint-nav-btn i,
    .bti-enquiry-nav-btn i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 13px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
    }

    /* Text visible */
    .navbar .nav-link span,
    .bti-nav-link span,
    .bti-complaint-nav-btn span,
    .bti-enquiry-nav-btn span {
        display: inline-flex !important;
        white-space: nowrap !important;
    }

/* Individual buttons fit */
.bti-complaint-nav-btn {
    min-width: 132px !important;
    max-width: 150px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0f172a, #1e3a8a) !important;
}

.bti-enquiry-nav-btn {
    min-width: 108px !important;
    max-width: 125px !important;
}

/* Old Contact button hide, कारण Enquiry Contact page ला जोडलेलं आहे */
.bti-contact-btn,
.navbar .contact-btn,
a[href*="/Home/Contact"].bti-contact-btn {
    display: none !important;
}

/* Dropdowns hero मागे जाऊ नयेत */
.dropdown-menu,
.bti-complaint-dropdown,
.bti-more-menu {
    z-index: 99999 !important;
}

/* 1500 खाली अजून compact */
@media (max-width: 1500px) {
    .bti-main-header > .container,
    .bti-header-main > .container,
    .ft-main-header > .container,
    .ft-header-main > .container,
    .navbar > .container,
    .navbar > .container-fluid {
        max-width: 1440px !important;
        gap: 12px !important;
    }

    .navbar-brand,
    .bti-brand-card,
    .bti-logo-card,
    .ft-brand-card,
    .site-brand {
        flex-basis: 240px !important;
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
    }

    .navbar-nav,
    .bti-main-menu,
    .bti-navbar-nav,
    .ft-main-menu {
        gap: 5px !important;
    }

    .navbar .nav-link,
    .bti-nav-link,
    .bti-complaint-nav-btn,
    .bti-enquiry-nav-btn {
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 9px !important;
        font-size: 12.5px !important;
        border-radius: 17px !important;
    }

        .navbar .nav-link i,
        .bti-nav-link i,
        .bti-complaint-nav-btn i,
        .bti-enquiry-nav-btn i {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            font-size: 14px !important;
        }

    .bti-complaint-nav-btn {
        min-width: 124px !important;
    }

    .bti-enquiry-nav-btn {
        min-width: 98px !important;
    }
}

/* 1200 खाली wrap allowed */
@media (max-width: 1200px) {
    .bti-main-header > .container,
    .bti-header-main > .container,
    .ft-main-header > .container,
    .ft-header-main > .container,
    .navbar > .container,
    .navbar > .container-fluid {
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .navbar-brand,
    .bti-brand-card,
    .bti-logo-card,
    .ft-brand-card,
    .site-brand {
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 280px !important;
    }

    .navbar-nav,
    .bti-main-menu,
    .bti-navbar-nav,
    .ft-main-menu {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 8px !important;
    }
}

/* =========================================================
   PUBLIC HEADER LINE UP FIX
   Header खालील blue line थोडी वर आणण्यासाठी
========================================================= */

.bti-main-header,
.bti-header-main,
.ft-main-header,
.ft-header-main,
.site-header,
.navbar {
    min-height: 92px !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .bti-main-header > .container,
    .bti-header-main > .container,
    .ft-main-header > .container,
    .ft-header-main > .container,
    .navbar > .container,
    .navbar > .container-fluid {
        min-height: 92px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        align-items: center !important;
    }

/* Logo card compact */
.navbar-brand,
.bti-brand-card,
.bti-logo-card,
.ft-brand-card,
.site-brand {
    min-height: 74px !important;
    height: 74px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Header buttons compact */
.navbar .nav-link,
.bti-nav-link,
.bti-complaint-nav-btn,
.bti-enquiry-nav-btn {
    height: 48px !important;
    min-height: 48px !important;
}

/* Hero लगेच header खाली सुरू होण्यासाठी */
.bti-inner-hero,
.ft-home-hero,
.hero-section,
.home-hero-section {
    margin-top: 0 !important;
}

/* =========================================================
   Premium Cyber Security Button - More Menu
   ========================================================= */

.ft-cyber-premium-btn {
    grid-column: 1 / -1;
    min-height: 74px;
    margin-top: 8px;
    padding: 14px 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 18% 20%, rgba(255, 193, 7, 0.28), transparent 34%), linear-gradient(135deg, #062b61 0%, #0b5ed7 50%, #08a7d8 100%);
    border: 1px solid rgba(13, 110, 253, 0.25);
    box-shadow: 0 18px 42px rgba(13, 110, 253, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    transition: 0.28s ease;
}

    .ft-cyber-premium-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.24) 45%, transparent 75% );
        transform: translateX(-120%);
        transition: 0.65s ease;
    }

    .ft-cyber-premium-btn:hover::before {
        transform: translateX(120%);
    }

    .ft-cyber-premium-btn:hover {
        transform: translateY(-5px);
        box-shadow: 0 24px 60px rgba(13, 110, 253, 0.30), 0 0 0 4px rgba(13, 110, 253, 0.08);
    }

.ft-cyber-premium-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #062b61;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #ffd166, #ffb703);
    box-shadow: 0 12px 28px rgba(255, 183, 3, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
    position: relative;
    z-index: 2;
}

.ft-cyber-premium-text {
    flex: 1;
    position: relative;
    z-index: 2;
}

    .ft-cyber-premium-text strong {
        display: block;
        color: #ffffff;
        font-weight: 950;
        font-size: 1rem;
        line-height: 1.2;
    }

    .ft-cyber-premium-text small {
        display: block;
        margin-top: 4px;
        color: rgba(255, 255, 255, 0.78);
        font-weight: 700;
        line-height: 1.35;
    }

.ft-cyber-premium-arrow {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    position: relative;
    z-index: 2;
    transition: 0.28s ease;
}

.ft-cyber-premium-btn:hover .ft-cyber-premium-arrow {
    transform: translateX(4px);
    background: rgba(255, 255, 255, 0.22);
}

@media (max-width: 575px) {
    .ft-cyber-premium-btn {
        min-height: 68px;
        border-radius: 20px;
        padding: 12px;
    }

    .ft-cyber-premium-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 16px;
    }

    .ft-cyber-premium-arrow {
        display: none;
    }
}

/* =========================================================
   ADMIN PAGE OPEN ANIMATION FROM SIDEBAR CLICK
========================================================= */

.admin-content-area {
    transform-origin: center top !important;
    will-change: opacity, transform, filter !important;
}

.admin-page-enter {
    animation: adminPageEnter 0.42s ease both !important;
}

.admin-page-exit {
    animation: adminPageExit 0.26s ease both !important;
}

@keyframes adminPageEnter {
    0% {
        opacity: 0;
        transform: translateY(22px) scale(0.985);
        filter: blur(8px);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes adminPageExit {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }

    100% {
        opacity: 0;
        transform: translateY(16px) scale(0.985);
        filter: blur(7px);
    }
}

/* Small loading glow on page change */
.admin-main-loading::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 300px !important;
    right: 0 !important;
    height: 4px !important;
    z-index: 9999 !important;
    background: linear-gradient(90deg, #2563eb, #06b6d4, #fbbf24) !important;
    animation: adminTopLoader 0.55s ease infinite alternate !important;
    box-shadow: 0 8px 22px rgba(6, 182, 212, 0.35) !important;
}

@keyframes adminTopLoader {
    0% {
        opacity: 0.35;
        transform: scaleX(0.25);
        transform-origin: left;
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left;
    }
}

/* Sidebar click feel */
.admin-sidebar a {
    transition: all 0.25s ease !important;
}

    .admin-sidebar a:active {
        transform: scale(0.96) translateX(4px) !important;
    }

/* Mobile loader full width */
@media (max-width: 992px) {
    .admin-main-loading::after {
        left: 0 !important;
    }
}

.admin-sidebar {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    background: radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.26), transparent 34%), radial-gradient(circle at 95% 88%, rgba(37, 99, 235, 0.24), transparent 40%), linear-gradient(180deg, #061729 0%, #0b3754 52%, #075985 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.13) !important;
    box-shadow: 24px 0 70px rgba(15, 23, 42, 0.22) !important;
    padding: 22px 18px 40px !important;
}
/* Brand card */

body .admin-sidebar .admin-brand-box {
    min-height: 92px !important;
    padding: 18px !important;
    margin: 0 0 22px !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: radial-gradient(circle at 90% 10%, rgba(56, 189, 248, 0.16), transparent 35%), rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

body .admin-sidebar .admin-brand-logo {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    border-radius: 20px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    padding: 7px !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.20) !important;
}

body .admin-sidebar .admin-brand-box h2 {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    margin: 0 0 5px !important;
}

body .admin-sidebar .admin-brand-box p {
    color: #bae6fd !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
/* Profile premium */

body .admin-sidebar .admin-profile-box {
    padding: 20px !important;
    margin: 0 0 22px !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: radial-gradient(circle at 88% 14%, rgba(6, 182, 212, 0.18), transparent 38%), rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16) !important;
}

body .admin-sidebar .admin-profile-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 19px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.28) !important;
    font-size: 24px !important;
}

body .admin-sidebar .admin-profile-box h4, body .admin-sidebar .admin-profile-box h3 {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    margin: 0 0 5px !important;
}

body .admin-sidebar .admin-profile-box p {
    color: #dbeafe !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    margin: 0 !important;
}
/* Menu wrapper */

body .admin-sidebar .admin-menu {
    display: grid !important;
    gap: 10px !important;
    padding: 0 0 70px !important;
}
    /* Menu buttons premium cards */

    body .admin-sidebar .admin-menu > a {
        position: relative !important;
        overflow: hidden !important;
        min-height: 60px !important;
        padding: 11px 14px !important;
        border-radius: 20px !important;
        display: flex !important;
        align-items: center !important;
        gap: 13px !important;
        color: #dbeafe !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        background: radial-gradient(circle at 90% 20%, rgba(56, 189, 248, 0.10), transparent 35%), rgba(255, 255, 255, 0.075) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10) !important;
        transition: all 0.25s ease !important;
    }

        body .admin-sidebar .admin-menu > a::before {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
            opacity: 0 !important;
            transition: opacity 0.25s ease !important;
        }

        body .admin-sidebar .admin-menu > a i, body .admin-sidebar .admin-menu > a span {
            position: relative !important;
            z-index: 2 !important;
        }

        body .admin-sidebar .admin-menu > a i {
            width: 42px !important;
            height: 42px !important;
            min-width: 42px !important;
            border-radius: 15px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #7dd3fc !important;
            background: rgba(255, 255, 255, 0.10) !important;
            font-size: 19px !important;
            transition: all 0.25s ease !important;
        }

        body .admin-sidebar .admin-menu > a span {
            color: #dbeafe !important;
            font-size: 15px !important;
            font-weight: 900 !important;
            line-height: 1.15 !important;
        }

        body .admin-sidebar .admin-menu > a:hover {
            transform: translateX(6px) !important;
            border-color: rgba(255, 255, 255, 0.20) !important;
            box-shadow: 0 18px 42px rgba(37, 99, 235, 0.18) !important;
        }

            body .admin-sidebar .admin-menu > a:hover::before {
                opacity: 0.45 !important;
            }

            body .admin-sidebar .admin-menu > a:hover i {
                color: #071629 !important;
                background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
            }
        /* Active menu */

        body .admin-sidebar .admin-menu > a.active {
            color: #ffffff !important;
            border-color: rgba(255, 255, 255, 0.24) !important;
            box-shadow: 0 22px 52px rgba(37, 99, 235, 0.26) !important;
        }

            body .admin-sidebar .admin-menu > a.active::before {
                opacity: 1 !important;
            }

            body .admin-sidebar .admin-menu > a.active i {
                color: #071629 !important;
                background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
                box-shadow: 0 14px 30px rgba(245, 158, 11, 0.30) !important;
            }

            body .admin-sidebar .admin-menu > a.active span {
                color: #ffffff !important;
            }
/* Main area adjust with sidebar width */

body .admin-main-area {
    margin-left: 0 !important;
    width: calc(100% - 300px) !important;
}
/* Scrollbar premium */

body .admin-sidebar::-webkit-scrollbar {
    width: 7px !important;
}

body .admin-sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.07) !important;
    border-radius: 999px !important;
}

body .admin-sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #38bdf8, #2563eb) !important;
    border-radius: 999px !important;
}
/* Mobile safe */

@media (max-width: 992px) {
    body .admin-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    body .admin-main-area {
        width: 100% !important;
    }
}