:root{--primary-dark:#1f6050;--dark:#111827;--gray:#6b7280;--light-gray:#e5e7eb;--bg:#f9fafb;--card:#fff;--radius:18px;--sidebar-width:280px;--topbar-height:65px}body{background:#f8f9fa}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #ececec;z-index:90;box-shadow:0 3px 10px rgba(0,0,0,.04)}.topbar-left{display:flex;align-items:center;gap:15px}.topbar-logo{height:60px}.topbar-title{font-size:20px;font-weight:600}.topbar-right{display:flex;gap:10px;font-size:25px}.topbar-right i{font-size:15px}.sidebar{position:fixed;left:0;top:0;height:calc(100vh - var(--topbar-height));width:var(--sidebar-width);height:100vh;padding:25px 15px;background:linear-gradient( 180deg,#1f6f43 0%,#195937 100% );color:white;overflow-y:auto;z-index:91;transition:.3s ease;box-shadow:4px 0 20px rgba(0,0,0,.15);padding:25px 15px}.sidebar .nav-link{color:white;padding:14px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:6px;transition:.25s}.sidebar .nav-link i{font-size:20px;width:24px;text-align:center}.sidebar .nav-link:hover{color:white;background:rgba(255,255,255,.12);transform:translateX(5px)}.sidebar .nav-link.active{background:white;color:#1f6f43;font-weight:600}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));padding:20px;background-color:var(--bg)}.main-content.fullwidth{margin-left:0;padding:0px}.menu-toggle{position:fixed;top:15px;left:15px;padding:0;width:50px;height:50px;background:none;color:#333;font-size:26px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:93;cursor:pointer}.logo img{width:70px;height:70px;object-fit:contain;margin-bottom:10px}.logo h4{font-weight:700;margin:0}.logo span{color:#10b981}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #ECECEC;box-shadow:0 -5px 20px rgba(0,0,0,.08);z-index:92;text-decoration:none}.bottom-nav-link,.bottom-nav-link:link,.bottom-nav-link:visited,.bottom-nav-link:hover,.bottom-nav-link:active,.bottom-nav-link:focus,.bottom-nav-link.active{text-decoration:none;outline:none;border-bottom:none}.bottom-nav-link{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;height:100%;color:#9aa0a6;text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:14px;background:transparent;transform:scale(1);transition:background .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-icon i{font-size:21px;color:#9aa0a6;transition:color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-label{font-size:10.5px;font-weight:600;color:#9aa0a6;transition:color .25s ease,transform .25s ease;transform:translateY(0)}.bottom-nav-link.active .bottom-nav-icon{background:rgba(31,111,67,.12);transform:scale(1.06);animation:navPop .45s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.bottom-nav-link.active .bottom-nav-icon i{color:#1f6f43;transform:translateY(-1px) scale(1.05);text-decoration:none}.bottom-nav-link.active .bottom-nav-label{color:#1f6f43;transform:translateY(-1px);text-decoration:none}@keyframes navPop{0%{transform:scale(.6)}55%{transform:scale(1.22)}75%{transform:scale(.94)}100%{transform:scale(1.06)}}.bottom-nav-link:active .bottom-nav-icon{transform:scale(.88);transition-duration:.12s;color:#1f6f43;text-decoration:none}.bottom-nav-main{flex:0 0 auto;position:relative;color:#1f6f43}.bottom-nav-main-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-30px;border-radius:50%;background:linear-gradient(135deg,#22c55e 0%,#1f6f43 100%);box-shadow:0 8px 18px rgba(31,111,67,.45);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.bottom-nav-main-icon i{color:#fff;font-size:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-main:active .bottom-nav-main-icon{transform:scale(.86) rotate(-8deg);box-shadow:0 4px 10px rgba(31,111,67,.4);text-decoration:none}@media(max-width:991px){.topbar{left:0}.sidebar{display:none}.sidebar.active{left:0}.main-content{margin-left:0;padding:30px 15px;padding-bottom:85px}}@media(min-width:992px){.menu-toggle{display:none}}