.dev-sidebar{position:fixed;left:0;top:68px;bottom:0;width:260px;background:linear-gradient(135deg,rgba(10,20,50,.98),rgba(20,30,60,.98));border-right:1px solid rgba(100,200,255,.3);display:flex;flex-direction:column;transition:width .3s ease;z-index:9989;box-shadow:2px 0 10px rgba(0,0,0,.3)}.dev-sidebar.collapsed{width:60px;overflow:hidden}.dev-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(100,200,255,.3);background:rgba(20,30,60,.3)}.dev-sidebar-title{display:flex;align-items:center;gap:12px;color:#64c8ff;font-weight:600;font-size:16px}.dev-sidebar-logo{color:#64c8ff;flex-shrink:0}.dev-sidebar-toggle{background:transparent;border:none;color:#64c8ff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dev-sidebar-toggle:hover{background:rgba(100,200,255,.1);transform:scale(1.1)}.dev-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.dev-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:4px 0;border-radius:8px;color:rgba(255,200,150,.7);text-decoration:none;transition:all .2s ease;position:relative;font-size:14px}.dev-sidebar-item:hover{background:rgba(100,200,255,.1);color:#64c8ff;transform:translateX(2px)}.dev-sidebar-item.active{background:linear-gradient(135deg,rgba(100,200,255,.2),rgba(255,68,0,.2));color:#64c8ff;font-weight:600}.dev-sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:#64c8ff;border-radius:0 2px 2px 0}.dev-sidebar-label{flex:1 1}.dev-sidebar-badge{background:linear-gradient(135deg,#64c8ff,#3b82f6);color:#ffffff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase}.dev-sidebar-divider{height:1px;background:rgba(100,200,255,.1);margin:12px 0}.dev-sidebar-stats{padding:16px;border-top:1px solid rgba(100,200,255,.15);background:rgba(0,0,0,.2)}.dev-sidebar-stats h4{color:#64c8ff;font-size:12px;text-transform:uppercase;margin:0 0 12px;letter-spacing:1px}.dev-stat{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:13px}.dev-stat-label{color:rgba(255,200,150,.6)}.dev-stat-value{color:#64c8ff;font-weight:600}.dev-sidebar-footer{padding:16px;border-top:1px solid rgba(100,200,255,.15)}.dev-sidebar-cta{background:linear-gradient(135deg,rgba(100,200,255,.1),rgba(255,68,0,.1));border:1px solid rgba(100,200,255,.3);border-radius:8px;padding:12px;text-align:center}.dev-sidebar-cta p{color:#64c8ff;font-size:12px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.dev-sidebar-cta-button{display:inline-block;background:linear-gradient(135deg,#64c8ff,#3b82f6);color:#ffffff;padding:6px 16px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease}.dev-sidebar-cta-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(100,200,255,.3)}.dev-sidebar.collapsed .dev-sidebar-item{justify-content:center;padding:12px}.dev-sidebar.collapsed .dev-sidebar-toggle{margin:0 auto}.dev-sidebar.collapsed .dev-sidebar-badge,.dev-sidebar.collapsed .dev-sidebar-item.active:before{display:none}.dev-sidebar-nav::-webkit-scrollbar{width:6px}.dev-sidebar-nav::-webkit-scrollbar-track{background:rgba(100,200,255,.05);border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(100,200,255,.3);border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(100,200,255,.5)}@media (max-width:768px){.dev-sidebar{display:none!important}.app-container,.app-container.with-dev-sidebar,.app-container.with-dev-sidebar-collapsed{margin-left:0!important}}@media (min-width:769px){.app-container{transition:padding-left .3s ease;padding-top:68px}.app-container.with-dev-sidebar{padding-left:260px}.app-container.with-dev-sidebar-collapsed{padding-left:60px}}