.mobile-only{display:block}.desktop-only{display:none}.main-layout{display:block}.content-area{max-width:600px;margin:0 auto;padding:20px}@media (min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block!important}.main-layout{align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex!important}.desktop-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-shrink:0;width:280px;max-height:calc(100vh - 40px);padding:24px;position:sticky;top:20px;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.content-area{flex:1;max-width:none!important;margin:0!important;padding:0!important}.cat-nav-btn{text-align:left;width:100%;margin-bottom:8px;display:block;border-radius:8px!important;padding:12px 16px!important;font-size:1rem!important}.cat-nav-btn:hover{background-color:#f3f4f6!important}}@keyframes pulse{0%{box-shadow:0 0 #000000b3}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}