.sidebar.tablet{width:72px;height:100vh;position:fixed;left:0;top:0;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:24px;z-index:1000}@media (min-width:768px) and (max-width:991px){.app-content{margin-left:72px}}.nav-icon{background:transparent;border:none;padding:10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-icon:hover{background:#f2f4f7}.nav-icon.active{background:#e7f1ff}@media (min-width:768px) and (max-width:991px){.sidebar-settings .nav-item{justify-content:center}.sidebar-settings .nav-item svg{margin:0}.sidebar-settings{position:relative}.settings-submenu{position:absolute;left:100%;top:0;margin-left:10px;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:8px 0;z-index:2000;display:flex;flex-direction:column}}.settings-submenu{animation:fadeSlide .15s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.notification-badge-tablet{position:absolute;top:-4px;right:-6px;background:#dc3545;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:999px}