.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:998;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:linear-gradient(180deg,#ffffff,#f8f9fa);box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:999;transition:right .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.sidebar-open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white}.sidebar-title{font-size:20px;font-weight:700;color:#000000;margin:0}.sidebar-close-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#666666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-close-btn:hover{background-color:#f8f9fa;color:#000000}.sidebar-content{flex:1 1;padding:24px 0;overflow-y:auto}.sidebar-section{margin-bottom:32px}.sidebar-section-title{font-size:14px;font-weight:600;color:#666666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px 24px}.sidebar-links{display:flex;flex-direction:column}.sidebar-link{display:flex;align-items:center;padding:16px 24px;text-decoration:none;color:#333333;transition:all .2s ease;border-left:3px solid transparent}.sidebar-link:hover{background-color:#f8f9fa;border-left-color:#008b8b;color:#008b8b}.sidebar-link-icon{width:24px;height:24px;margin-right:16px;display:flex;align-items:center;justify-content:center;color:#666666;transition:color .2s ease}.sidebar-link:hover .sidebar-link-icon{color:#008b8b}.sidebar-link-text{flex:1 1;font-size:16px;font-weight:500;transition:color .2s ease}.sidebar-link-arrow{width:16px;height:16px;color:#cccccc;transition:color .2s ease}.sidebar-link:hover .sidebar-link-arrow{color:#008b8b}.sidebar-footer{padding:20px 24px;border-top:1px solid #e9ecef;background:white}.sidebar-app-info{text-align:center}.sidebar-app-name{font-size:16px;font-weight:700;color:#000000;margin:0 0 4px}.sidebar-app-version{font-size:12px;color:#666666;margin:0}@media (max-width:480px){.sidebar{width:280px}.sidebar-header{padding:16px 20px}.sidebar-title{font-size:18px}.sidebar-content{padding:20px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{margin:0 0 12px 20px;font-size:13px}.sidebar-link{padding:14px 20px}.sidebar-link-text{font-size:15px}.sidebar-footer{padding:16px 20px}.sidebar-app-name{font-size:15px}.sidebar-app-version{font-size:11px}}@media (max-width:360px){.sidebar{width:260px}.sidebar-header{padding:14px 18px}.sidebar-title{font-size:17px}.sidebar-content{padding:18px 0}.sidebar-section{margin-bottom:20px}.sidebar-section-title{margin:0 0 10px 18px;font-size:12px}.sidebar-link{padding:12px 18px}.sidebar-link-text{font-size:14px}.sidebar-footer{padding:14px 18px}.sidebar-app-name{font-size:14px}.sidebar-app-version{font-size:10px}}