@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dev-sidebar{position:fixed;left:0;top:72px;bottom:0;width:260px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:width .3s ease;z-index:9989;box-shadow:2px 0 10px rgba(0,0,0,.3)}@media (max-width:768px){.dev-sidebar{top:104px}}@media (max-width:480px){.dev-sidebar{top:100px}}.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(255,255,255,.1);background:rgba(0,0,0,.2)}.dev-sidebar-title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.dev-sidebar-title span{animation:colorCycle 15s ease infinite}@keyframes colorCycle{0%{color:#ff6b6b}12.5%{color:#dc2626}25%{color:#feca57}37.5%{color:#48dbfb}50%{color:#0abde3}62.5%{color:#a55eea}75%{color:#fd79a8}87.5%{color:#ff6b6b}to{color:#ff6b6b}}.dev-sidebar-logo{color:#dc2626;flex-shrink:0}.dev-sidebar-toggle{background:transparent;border:none;color:#dc2626;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(220,38,38,.1);transform:scale(1.1)}.dev-sidebar-nav{flex: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:#b0b0b0;text-decoration:none;transition:all .2s ease;position:relative;font-size:14px}.dev-sidebar-item:hover{background:rgba(220,38,38,.1);color:#dc2626;transform:translateX(2px)}.dev-sidebar-item.active{background:linear-gradient(135deg,rgba(220,38,38,.2),rgba(234,88,12,.2));color:#dc2626;font-weight:600}.dev-sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:#dc2626;border-radius:0 2px 2px 0}.dev-sidebar-label{flex:1}.dev-sidebar-badge{background:linear-gradient(135deg,#dc2626,#f59e0b);color:#1a1a1a;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase}.dev-sidebar-divider{height:1px;background:rgba(255,255,255,.1);margin:12px 0}.dev-sidebar-section{padding:10px 20px 5px;font-size:11px;font-weight:600;letter-spacing:1px;color:#f59e0b;text-transform:uppercase}.dev-sidebar-stats{padding:16px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.dev-sidebar-stats h4{color:#dc2626;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:#808080}.dev-stat-value{color:#dc2626;font-weight:600}.dev-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.dev-sidebar-cta{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(234,88,12,.1));border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px;text-align:center}.dev-sidebar-cta p{color:#dc2626;font-size:12px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.dev-sidebar-cta-button{display:inline-block;background:linear-gradient(135deg,#dc2626,#f59e0b);color:#1a1a1a;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(220,38,38,.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(255,255,255,.05);border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(220,38,38,.3);border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(220,38,38,.5)}@media (min-width:769px){.app-container{transition:margin-left .3s ease}.app-container.with-dev-sidebar{margin-left:260px}.app-container.with-dev-sidebar-collapsed{margin-left:60px}}@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}}