body{margin:0;padding-top:60px;background:#e9f5e5;font-family:'Poppins',sans-serif;transition:.3s}

/* ───── Global Page Scrollbars With Same Rocket Style ───── */
::-webkit-scrollbar {
    width: 12px;
    background: #eefae9;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #b8ff9f 0%, #3cb54a 50%, #0e5c1b 100%);
    border-radius: 12px;
    border: 2px solid #eefae9;
    box-shadow: 0 0 10px #8bf06e;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ccffba 0%, #45c659 50%, #0b4b16 100%);
}
::-webkit-scrollbar-track {
    background: #eefae9;
}

/* Firefox support */
* {
    scrollbar-width: thin;
    scrollbar-color: #0e5c1b #eefae9;
}

/* Navbar */
.navbar{background:#fff;height:60px;padding:3px 15px;display:flex;align-items:center;justify-content:space-between;
box-shadow:0 2px 10px rgba(0,0,0,.08);border-bottom:2px solid #a3d9a5}
.profile-group{display:flex;align-items:center;gap:15px}
.profile-area{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px}
.profile-img{width:40px;height:40px;border-radius:50%;background:url('user.png') center/cover no-repeat;border:2px solid #3c8d41;position:relative}
.profile-img::after{content:"";width:10px;height:10px;background:#3c8d41;border-radius:50%;position:absolute;right:0;bottom:0;border:2px solid #fff}

/* 🔔 Notification icon style */
.notif-box{position:relative;cursor:pointer;font-size:22px;color:#2d4734}
.notif-count{
    position:absolute;
    top:-6px;right:-6px;
    background:#e53935;
    color:#fff;
    font-size:12px;
    padding:2px 6px;
    border-radius:50%;
    font-weight:700;
}

/* Hide nav-name on mobile */
@media (max-width: 767.98px) {
   .nav-name { display: none !important; }
}

/* Profile dropdown */
.profile-menu{position:absolute;right:0;top:55px;background:#fff;width:150px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);
display:none;overflow:hidden;z-index:2000;border:1px solid #c7e8c3}
.profile-menu a{display:block;padding:12px 15px;color:#2d4734;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.08);font-size:16px}
.profile-menu a:hover{background:#edf9ec}

/* Hamburger */
.hamburger{width:50px;height:40px;background:#7bbf74;border:0;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;
cursor:pointer;transition:.3s;position:relative}
.hamburger span{width:30px;height:4px;background:#fff;position:absolute;transition:.3s}
.hamburger span:nth-child(1){top:10px}.hamburger span:nth-child(2){top:18px}.hamburger span:nth-child(3){top:26px}
.hamburger.active span:nth-child(1){transform:rotate(45deg);top:18px}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg);top:18px}

/* Sidebar */
.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100%;background:#fff;padding-top:60px;
box-shadow:5px 0 15px rgba(0,0,0,.15);border-right:2px solid #a4d3a2;transition:.4s;overflow-y:auto;opacity:0;visibility:hidden;z-index:1000}
.sidebar.open{left:0;opacity:1;visibility:visible}

/* Overlay */
body.overlay::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);
z-index:900;opacity:1;visibility:visible;transition:.3s}

/* Menu */
.menu{list-style:none;margin:0;padding:0}
.menu li{border-bottom:1px solid rgba(0,0,0,.1);color:#244022}
.menu li a{text-decoration:none;color:#244022;font-size:16px;font-weight:500;display:flex;align-items:center;gap:10px;padding:15px 20px;transition:.3s}
.menu li:hover>a{background:#e1f4dd}

/* ACTIVE */
.menu li.active>a,
.submenu-items li.active a{background:#b2e6b3;color:#0c3f1a!important;font-weight:600}

/* Submenu */
.submenu .submenu-toggle{position:relative}
.submenu .submenu-toggle::after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:20px;transition:.3s}
.submenu.open .submenu-toggle::after{transform:rotate(90deg)}  

.submenu-items{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;opacity:0;
transition:max-height .4s ease,opacity .4s}

/* Full row hover */
.submenu-items li a{
   display:block;width:100%;padding:12px 40px;box-sizing:border-box;background:transparent;transition:.3s;
}
.submenu-items li:hover a{background:#d8f4d8}
.submenu.open .submenu-items{max-height:400px;opacity:1}

/* Logout */
.login-btn{width:60%;margin:20px auto;display:block;background:#4caf50;color:#fff;padding:12px;border:0;font-size:18px;
border-radius:15px;font-weight:600;text-align:center;transition:.3s}
.login-btn:hover{background:#3d8e42}

/*
*::selection {
    background: transparent;
    color: inherit;
}

* {
    user-select: none;
}

* {
    -webkit-tap-highlight-color: transparent;
}

*:focus {
    outline: none;
}
*/

.profile-img{width:40px;height:40px;border-radius:50%;background:#c8e6c9;overflow:hidden;display:inline-block;vertical-align:middle;border:2px solid #388e3c;background-size:cover;background-position:center}.profile-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.herbal-card{background:linear-gradient(135deg,#e0f8e6,#b2dfdb);border-radius:18px;box-shadow:0 4px 24px rgba(34,139,34,.08);color:#264;font-family:'Poppins';border:0}.herbal-card .card-title{font-weight:600;font-size:1.1rem}.herbal-card .card-icon{font-size:2.2rem;color:#388e3c;margin-bottom:.5rem}.id-card-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;position:relative;gap:15px;width:100%}.download-btn{position:relative;z-index:10;background:#2e7d32;color:#fff;border:0;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(44,94,32,0.2);transition:all .2s ease;display:flex;align-items:center;gap:8px}.download-btn:hover{background:#1b5e20;transform:translateY(-2px)}.nature-card{width:100%;max-width:480px;aspect-ratio:1.65 / 1;background-color:#fdfdfa;background-image:linear-gradient(120deg,#fdfbf7 0,#ebf5ee 100%);border-radius:20px;box-shadow:0 15px 35px rgba(27,94,32,0.15);position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid #d0e0d6;font-family:'Lato',sans-serif;color:#1d1d1d}.nature-card .decor-circle{position:absolute;top:-15%;right:-15%;width:40%;padding-top:40%;background:radial-gradient(circle,#aed581 20%,#8bc34a 100%);opacity:.15;border-radius:50%;z-index:0}.nature-card .decor-hills{position:absolute;bottom:0;left:0;width:100%;height:25%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(56,142,60,0.1) 100%);border-top-left-radius:50% 20px;border-top-right-radius:50% 20px;z-index:0}.nc-header{padding:4% 5% 2% 5%;display:flex;align-items:center;z-index:2;position:relative}.nc-logo{width:15%;aspect-ratio:1/1;border-radius:50%;border:2px solid #2e7d32;padding:2px;background:white;margin-right:3%;object-fit:contain}.nc-title h2{margin:0;font-family:'Playfair Display',serif;font-size:clamp(14px,4vw,20px);color:#1b5e20;line-height:1.1}.nc-title p{margin:4px 0 0;font-size:clamp(8px,2vw,10px);color:#558b2f;letter-spacing:1px;text-transform:uppercase;font-weight:700}.nc-body{flex:1;padding:0 6%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.verified-badge{display:inline-flex;align-items:center;background-color:rgba(67,160,71,0.08);border:1px solid #a5d6a7;padding:.5% 2%;border-radius:50px;font-size:clamp(8px,2.5vw,10px);color:#2e7d32;font-weight:bold;margin-bottom:5%}.verified-tick{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background-color:#2e7d32;color:#fff;border-radius:50%;font-size:8px;margin-right:5px}.not-verified-badge{display:inline-flex;align-items:center;background-color:rgba(255,87,34,0.08);border:1px solid #ffab91;padding:.5% 2%;border-radius:50px;font-size:clamp(8px,2.5vw,10px);color:#c62828;font-weight:bold;margin-bottom:5%}.not-verified-cross{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background-color:#c62828;color:#fff;border-radius:50%;font-size:8px;margin-right:5px}.nc-row{margin-bottom:2%;font-size:clamp(10px,3vw,13px);line-height:1.4}.nc-label{color:#558b2f;font-weight:700;width:60px;display:inline-block}.nc-val{font-weight:600;color:#333}.nc-photo-frame{width:18%;aspect-ratio:.89/1;border:3px solid #fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden;background:#eee}.nc-photo-frame img{width:100%;height:100%;object-fit:cover}.nc-footer{padding:0 5% 5% 5%;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.nc-website{font-size:clamp(9px,2.5vw,11px);color:#2e7d32;font-weight:500;text-decoration:none}.nc-signature-block{text-align:center;width:20%}.nc-sign-img{font-family:'Great Vibes',cursive;font-size:clamp(12px,3.5vw,16px);color:#1d1d1d;opacity:.85;line-height:1;margin-bottom:2px;transform:translateX(-10px);white-space:nowrap}.nc-sign-title{border-top:1px solid #81c784;padding-top:3px;font-size:clamp(7px,2vw,9px);font-weight:700;color:#1b5e20;letter-spacing:1px;display:block}@media(max-width:380px){.nc-label{width:50px}.nc-row{margin-bottom:0}.nature-card{box-shadow:0 5px 15px rgba(27,94,32,0.1)}}#dashboardPopupModal .modal-content{border:0;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.2)}#dashboardPopupModal .modal-header{background-color:#2e7d32;color:white;border-bottom:0;padding:15px 20px}#dashboardPopupModal .modal-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.2rem}#dashboardPopupModal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}#dashboardPopupModal .modal-body{padding:0;background:#fff}.popup-img-container{width:100%;max-height:300px;overflow:hidden;display:none;background:#f1f1f1;text-align:center}.popup-img-container img{width:100%;height:auto;object-fit:contain;max-height:300px}.popup-msg-content{padding:20px 25px;color:#333;font-family:'Lato',sans-serif;font-size:1rem;line-height:1.6;white-space:pre-wrap}.referral-contract-card{background:linear-gradient(135deg,#e0f8e6,#b2dfdb);border-radius:18px;box-shadow:0 4px 24px rgba(34,139,34,.08);color:#264;font-family:'Poppins',sans-serif;border:0;margin:0 auto 32px auto;max-width:480px;padding:28px 24px 22px 24px;position:relative;overflow:hidden;transition:box-shadow .2s}.referral-contract-card:hover{box-shadow:0 8px 32px rgba(34,139,34,.13)}.referral-contract-content .title{font-size:1.2rem;font-weight:600;color:#1b5e20;margin-bottom:6px;letter-spacing:.5px}.referral-contract-content .description{font-size:.98rem;color:#388e3c;margin-bottom:18px;font-weight:400}.referral-contract-card .input-group{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(56,142,60,0.05);overflow:hidden;border:1px solid #c8e6c9}.referral-contract-card .form-control{border:0;background:transparent;color:#264;font-size:1rem;font-family:'Lato',sans-serif;font-weight:500;padding:12px 14px;outline:0;box-shadow:none}.referral-contract-card .form-control:focus{background:transparent;box-shadow:none}.referral-contract-card .copy-btn{background:#2e7d32;color:#fff;border:0;border-radius:0 10px 10px 0;font-size:1rem;font-weight:600;padding:0 20px;transition:background .2s}.referral-contract-card .copy-btn:hover{background:#1b5e20}@media(max-width:576px){.referral-contract-card{padding:18px 8px 14px 8px}.referral-contract-content .title{font-size:1.05rem}.referral-contract-content .description{font-size:.92rem}.referral-contract-card .form-control{font-size:.97rem;padding:10px 8px}.referral-contract-card .copy-btn{font-size:.97rem;padding:0 12px}}