.main-layout{display:flex;min-height:100vh;background-color:#0f0f12;color:#fff}.sidebar{width:220px;background-color:#0f0f12;border-right:1px solid #1f1f1f;position:fixed;left:0;top:0;overflow-y:auto;z-index:100}.sidebar,.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-content{padding:24px 20px}.logo-section{display:flex;align-items:center;padding-left:14px;margin-bottom:32px;cursor:pointer}.main-nav.active{gap:15px}.main-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.main-nav .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;min-height:auto}.main-nav .nav-item.active,.main-nav .nav-item:hover{background-color:#1a1a1a}.main-nav .nav-item.active .nav-text{color:#fff}.main-nav .nav-item .nav-text{font-size:14px;color:#949aa7;transition:color .2s}.categories-section{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.categories-section .category-item{background-color:rgba(0,0,0,0);cursor:pointer;transition:all .2s}.categories-section .category-item:hover{background-color:#1a1a1a}.categories-section .category-item .category-card-body{display:flex;align-items:center;gap:12px;padding:12px}.categories-section .category-item .category-image{width:40px;height:40px;border-radius:6px;overflow:hidden}.categories-section .category-item .category-image img{width:100%;height:100%;object-fit:cover}.categories-section .category-item .category-label{font-size:14px;color:#ccc}.social-section{display:flex;gap:16px;padding:0 4px}.social-section .social-icon{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#888;transition:all .2s;text-decoration:none}.social-section .social-icon:hover{color:#3b82f6;background-color:#1a1a1a}.social-section .social-icon svg{width:20px;height:20px}.footer-divider{margin-bottom:24px;background-color:#1f1f1f}.footer-section{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-section .footer-links{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px}.footer-section .footer-links .footer-link{color:#437fff;text-decoration:none;transition:color .2s}.footer-section .footer-links span{color:#888}.footer-section .copyright{font-size:12px;color:#666}.main-content{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.sidebar{width:240px}.main-content{margin-left:240px}}