:root{--bg-soft:#f8fafc;--nav-height:64px;--primary-green:#0add1d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-soft);font-family:Inter,sans-serif}.classic-page{background-color:var(--bg-soft);min-height:calc(100vh - var(--nav-height));flex-direction:column;transition:margin-top .3s;display:flex;margin-top:50px!important;padding:0!important}@media (max-width:1024px){.classic-page{margin-top:0!important;padding:0!important}.page-body-container{padding:0 15px!important}}@media (max-width:768px){.classic-page{margin-top:0!important;padding:0!important}.page-body-container{padding:0!important}.header-card{border-radius:0!important;width:100%!important;margin:0!important}}
:root{--primary-green:#0add1d;--sidebar-bg:#1a1a2e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.custom-sidebar{background-color:var(--sidebar-bg);width:210px;height:100vh;transition:var(--transition);z-index:1001;color:#fff;border-right:1px solid #ffffff0d;flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 10px #0000001a}.custom-sidebar.collapsed{transform:translate(-240px)}.sidebar-branding{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;padding:17px;display:flex}.brand-logo{max-width:150px;height:auto}.sidebar-user-panel{background-color:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;min-height:60px;padding:10px;display:flex}.user-img-wrapper{border:2px solid var(--primary-green);border-radius:50%;flex-shrink:0;width:45px;height:45px;overflow:hidden}.user-img-wrapper img{object-fit:cover;width:100%;height:100%}.user-text-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.user-info-name{color:#fff;white-space:nowrap;font-size:14px;font-weight:500}.ID-badge{color:#1a1a2e;background:var(--primary-green);border-radius:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700}.sidebar-nav{scrollbar-width:none;flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-list{margin:0;padding:1px;list-style:none}.nav-link,.nav-link-wrapper{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 10px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link-wrapper:hover{color:var(--primary-green);background-color:#0add1d14}.nav-item-wrapper.active{background-color:var(--primary-green);border-radius:8px;margin:5px 12px}.nav-item-wrapper.active .nav-link{font-weight:700;color:#1a1a2e!important}.sub-menu{background-color:#0003;max-height:0;padding:0;list-style:none;transition:max-height .3s ease-in-out;overflow:hidden}.has-dropdown.open .sub-menu{max-height:400px}.sub-menu li a{color:#ffffffb3;padding:10px 20px 10px 15px;font-size:13px;text-decoration:none;display:block}.sub-menu li a:hover{color:var(--primary-green)}.sidebar-footer{border-top:1px solid #ffffff0d;padding:10px}.logout-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:6px;width:100%;padding:10px;font-weight:600;transition:all .2s}.logout-btn:hover{opacity:.9}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:991px){.custom-sidebar{transform:translate(-100%)}.custom-sidebar:not(.collapsed){transform:translate(0)}.sidebar-overlay.show{display:block}}.custom-sidebar.collapsed .nav-text,.custom-sidebar.collapsed .toggle-symbol,.custom-sidebar.collapsed .user-text-info{display:none}.sidebar-nav{-webkit-overflow-scrolling:touch;height:calc(100vh - 180px);overflow-y:auto}@media (max-width:991px){.custom-sidebar{z-index:2000;position:fixed}.sidebar-overlay{z-index:1500}}
:root{--primary-green:#0add1d;--nav-height:60px;--sidebar-w:200px;--transition:all .3s ease}.admin-navbar{height:var(--nav-height);top:0;right:0;left:var(--sidebar-w);z-index:1000;transition:var(--transition);background:#fff;border-bottom:1px solid #eef0f3;position:fixed}.admin-navbar.full-width{left:0}.nav-container{justify-content:space-between;align-items:center;height:100%;padding:0 20px;display:flex}.nav-left{align-items:center;gap:15px;display:flex}.toggle-btn{cursor:pointer;background:#f8fafc;border:none;border-radius:8px;padding:8px 12px;font-size:20px;transition:all .2s}.toggle-btn:hover{background:#f1f5f9}.nav-links{gap:20px;display:flex}.nav-links a{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--primary-green)}.nav-right{align-items:center;gap:15px;display:flex}.action-icons{align-items:center;gap:5px;display:flex}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;padding:8px;font-size:18px;transition:all .2s}.icon-btn:hover{color:var(--primary-green);background:#f0fdf2}.user-profile-wrapper{position:relative}.user-profile-trigger{cursor:pointer;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:12px;padding:6px 12px;transition:all .2s;display:flex}.user-profile-trigger:hover{background:#f8fafc}.avatar-circle-sm{border:2px solid var(--primary-green);border-radius:50%;width:32px;height:32px;overflow:hidden}.avatar-circle-sm img{object-fit:cover;width:100%;height:100%}.user-info-text{flex-direction:column;line-height:1.2;display:flex}.user-name{color:#1e293b;font-size:13px;font-weight:700}.user-id{color:var(--primary-green);font-size:10px;font-weight:600}.custom-arrow{color:#94a3b8;font-size:9px;transition:all .3s}.custom-arrow.rotate{transform:rotate(180deg)}.dropdown-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:240px;animation:.2s ease-out slideIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.dropdown-header{text-align:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.avatar-large{border:3px solid #fff;border-radius:50%;width:60px;height:60px;margin:0 auto 10px;overflow:hidden;box-shadow:0 0 10px #0000000d}.avatar-large img{object-fit:cover;width:100%;height:100%}.user-id-tag{color:var(--primary-green);background:#0add1d1a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.dropdown-item{color:#475569;align-items:center;gap:12px;padding:6px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary-green);background:#f1f5f9}.m-icon{text-align:center;width:20px;font-size:16px}.logout-red{color:#ef4444!important}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.admin-navbar{left:0}.d-mobile-none{display:none!important}}