:root{--sidebar-width:250px;--sidebar-bg:#1e2a3a;--sidebar-text:#c8d6e5;--sidebar-active:#fff;--sidebar-hover-bg:#2c3e50;--sidebar-brand-bg:#162231;--navbar-height:56px}body,html{height:100%;overflow-x:hidden}body{background-color:#f4f6f9}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);z-index:1040;overflow-y:auto;transition:transform .3s ease;display:flex;flex-direction:column}.app-main{margin-left:var(--sidebar-width);min-height:100vh;padding:24px}.sidebar-brand{background-color:var(--sidebar-brand-bg);padding:16px 20px;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-nav{padding:12px 0}.sidebar-nav .nav-link{color:var(--sidebar-text);padding:10px 20px;display:flex;align-items:center;gap:12px;font-size:.9rem;transition:background-color .15s ease,color .15s ease;border-left:3px solid transparent}.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-active)}.sidebar-nav .nav-link.active{border-left-color:#3498db;font-weight:500}.sidebar-nav .nav-icon{width:20px;text-align:center;font-size:1rem}.mobile-navbar{right:0;height:var(--navbar-height);background-color:var(--sidebar-bg);z-index:1050;padding:0 16px}.mobile-navbar,.sidebar-backdrop{display:none;position:fixed;top:0;left:0}.sidebar-backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1035}.sidebar-backdrop.show{display:block}@media (max-width:991.98px){.mobile-navbar{display:flex;align-items:center}.app-sidebar{transform:translateX(-100%)}.app-sidebar.show{transform:translateX(0)}.app-main{margin-left:0;padding-top:calc(var(--navbar-height) + 16px)}}.stat-card{border:none;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.stat-card .stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}