.dashboard-sidebar{width:280px;position:fixed;top:88px;left:40px;z-index:50;height:calc(100vh - 120px)}.dashboard-sidebar.collapsed{width:70px;padding:2rem .5rem}.dashboard-sidebar.collapsed .sidebar-item{padding:1rem;justify-content:center}.dashboard-sidebar.collapsed .sidebar-item:hover{transform:translateX(0);background:rgba(74,222,128,.15)}.dashboard-sidebar.collapsed .sidebar-item-icon{margin:0;font-size:1.4rem}.dashboard-sidebar{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,163,74,.05));border-radius:16px;border:1px solid rgba(34,197,94,.2);backdrop-filter:blur(10px);padding:2rem 1rem;transition:all .3s ease;overflow-y:auto;animation:fadeInLeft .6s ease-out;z-index:10}.dashboard-sidebar:hover{border-color:rgba(74,222,128,.3);box-shadow:0 8px 24px rgba(40,168,66,.2)}html:not(.dark) .dashboard-sidebar{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,163,74,.05));border:1px solid rgba(34,197,94,.3)}html:not(.dark) .dashboard-sidebar:hover{border-color:rgba(34,197,94,.4);box-shadow:0 8px 24px rgba(34,197,94,.15)}.dashboard-sidebar .sidebar-content{display:flex;flex-direction:column;height:100%;position:relative}.dashboard-sidebar .sidebar-toggle{margin-top:auto;margin-bottom:.5rem;width:100%}.dashboard-sidebar .sidebar-toggle .sidebar-item-icon{color:#a3a3a3}.dashboard-sidebar .sidebar-toggle:hover .sidebar-item-icon{color:#4ade80}html:not(.dark) .dashboard-sidebar .sidebar-toggle .sidebar-item-icon{color:#6b7280}html:not(.dark) .dashboard-sidebar .sidebar-toggle:hover .sidebar-item-icon{color:#16a34a}.dashboard-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:.75rem}.dashboard-sidebar .sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(26,26,26,.6);border:1px solid rgba(74,222,128,.15);border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;text-align:left;width:100%;white-space:nowrap}html:not(.dark) .dashboard-sidebar .sidebar-item{background:hsla(0,0%,100%,.8);border:1px solid rgba(34,197,94,.2);color:#374151}.dashboard-sidebar .sidebar-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#4ade80,#22c55e);opacity:0;transition:opacity .3s ease}.dashboard-sidebar .sidebar-item:hover{background:rgba(26,26,26,.8);border-color:rgba(74,222,128,.3);transform:translateX(5px)}.dashboard-sidebar .sidebar-item:hover:before{opacity:.5}.dashboard-sidebar .sidebar-item:hover .sidebar-item-icon{color:#4ade80;transform:scale(1.1)}.dashboard-sidebar .sidebar-item:hover .sidebar-item-arrow{opacity:1;transform:translateX(4px)}html:not(.dark) .dashboard-sidebar .sidebar-item:hover{background:hsla(0,0%,100%,.9);border-color:rgba(34,197,94,.3)}.dashboard-sidebar .sidebar-item.active{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.4);color:#4ade80}.dashboard-sidebar .sidebar-item.active:before{opacity:1}.dashboard-sidebar .sidebar-item.active .sidebar-item-icon{color:#4ade80}.dashboard-sidebar .sidebar-item.active .sidebar-item-arrow{opacity:1}html:not(.dark) .dashboard-sidebar .sidebar-item.active{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.4);color:#16a34a}.dashboard-sidebar .sidebar-item .sidebar-item-icon{font-size:1.25rem;transition:all .3s ease;color:#a3a3a3}html:not(.dark) .dashboard-sidebar .sidebar-item .sidebar-item-icon{color:#6b7280}.dashboard-sidebar .sidebar-item .sidebar-item-label{flex:1;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120px}.dashboard-sidebar .sidebar-item .sidebar-item-arrow{font-size:.875rem;opacity:.4;transition:all .3s ease}.mobile-tabs{display:none}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1279px){.dashboard-sidebar{left:20px;width:70px;padding:2rem .5rem}.dashboard-sidebar .sidebar-item{padding:1rem;justify-content:center}.dashboard-sidebar .sidebar-item:hover{transform:translateX(0);background:rgba(74,222,128,.15)}.dashboard-sidebar .sidebar-item-icon{margin:0;font-size:1.4rem}.dashboard-sidebar .sidebar-item-arrow,.dashboard-sidebar .sidebar-item-label{display:none}}@media(max-width:768px){.dashboard-sidebar.desktop-only{display:none}.mobile-tabs{display:flex;width:100%;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,163,74,.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:.5rem;gap:.5rem;margin-bottom:1.5rem;animation:fadeInDown .4s ease-out;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;z-index:10}.mobile-tabs::-webkit-scrollbar{display:none}html:not(.dark) .mobile-tabs{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,163,74,.05));border:1px solid rgba(34,197,94,.3)}.mobile-tabs .mobile-tab{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(26,26,26,.6);border:1px solid rgba(74,222,128,.15);border-radius:10px;color:hsla(0,0%,100%,.7);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;white-space:nowrap}html:not(.dark) .mobile-tabs .mobile-tab{background:hsla(0,0%,100%,.8);border:1px solid rgba(34,197,94,.2);color:#374151}.mobile-tabs .mobile-tab:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#4ade80,#22c55e);opacity:0;transition:opacity .3s ease}.mobile-tabs .mobile-tab:active{transform:scale(.97)}.mobile-tabs .mobile-tab.active{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.4);color:#4ade80}.mobile-tabs .mobile-tab.active:before{opacity:1}.mobile-tabs .mobile-tab.active .mobile-tab-icon,.mobile-tabs .mobile-tab.active .mobile-tab-label{color:#4ade80}html:not(.dark) .mobile-tabs .mobile-tab.active{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.4);color:#16a34a}html:not(.dark) .mobile-tabs .mobile-tab.active .mobile-tab-icon,html:not(.dark) .mobile-tabs .mobile-tab.active .mobile-tab-label{color:#16a34a}.mobile-tabs .mobile-tab:hover:not(.active){background:rgba(26,26,26,.8);border-color:rgba(74,222,128,.25)}html:not(.dark) .mobile-tabs .mobile-tab:hover:not(.active){background:hsla(0,0%,100%,.9);border-color:rgba(34,197,94,.3)}.mobile-tabs .mobile-tab .mobile-tab-icon{font-size:1.25rem;transition:all .3s ease}.mobile-tabs .mobile-tab .mobile-tab-label{transition:all .3s ease}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px 2px rgba(255,77,77,.6);animation:live-dot-blink 1s infinite alternate}@keyframes live-dot-blink{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.85)}}