.sidebar-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(0,0,0,.8);border-right:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .sidebar-container{background:rgba(255,255,255,.9);border-right:1px solid rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}.app-card{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .app-card{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.sidebar-container .material-icons{min-width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-container.collapsed .nav-item{position:relative;cursor:pointer}.sidebar-container.collapsed .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;margin-left:8px;pointer-events:none}.sidebar-container .nav-item.collapsed-center{justify-content:center!important;padding-left:.5rem!important;padding-right:.5rem!important}.app-button{background:rgba(0,122,255,1);border:none;border-radius:8px;padding:10px 20px;font-weight:500;color:white;cursor:pointer;box-shadow:0 2px 8px rgba(0,122,255,.3);transform:translateY(0)}.app-button:hover{background:rgba(0,122,255,.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,.4)}.app-button:active{transform:translateY(0);background:rgba(0,122,255,.8)}.nav-item{position:relative;overflow:hidden;border-radius:8px;font-weight:500}.nav-item:hover{background:rgba(99,99,102,.2)}.nav-item.active{background:rgba(0,122,255,.15);color:#007AFF}.nav-item.light:hover{background:rgba(0,0,0,.05)}.nav-item.light.active{background:rgba(0,122,255,.1);color:#007AFF}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.nav-item:hover:before{left:100%}@media (max-width:768px){.app-card{margin:8px;border-radius:8px}.sidebar-container{backdrop-filter:blur(20px);background:rgba(17,24,39,.98)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(75,85,99,.1);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(16,185,129,.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(16,185,129,.7)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.3);border-radius:8px}.toggle-switch{position:relative;width:44px;height:24px;background:#374151;border-radius:12px;cursor:pointer;transition:background .3s}.toggle-switch.active{background:#10b981}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .3s}.toggle-switch.active:after{transform:translateX(20px)}